Diji.Art Full Cursor Vibe Code Built

[BOXELS]

Full stack dev at one’s fingertips is addicting!

DijiArt

Day 2 of my digital art and print shop marketplace… backend done, frontend almost done, just working through each section now. Favorites, organizations, users, auth, admin, admin site settings, rtf editor, uploads, open AI helpers, etc.

Hope to have it finished this coming week, that’s powerful considering the robustness of what I’m trying to accomplish.

DijiArt

All Feedback welcome. Go ahead and register, add favorites, make a collection.

[T1000]

For now it shows 404 - Page Not Found

[BOXELS]

fixed. when you use a 2nd AI to help troubleshoot the 1st AI loop, you sometimes get misunderstanding of routes
Thanks!

DijiArt

[adiokid]

Which stacks?

amazing job

[BOXELS]

Thank you!

I opted NO nextJS because its a nightmare with supabase and agents (learned over last two months trying to work with it).

Frontend Framework & Language

• React with TypeScript (.tsx files)
• Vite (build tool - vite.config.ts)

Styling

• Tailwind CSS (tailwind.config.js, extensive Tailwind classes in your components)
• CSS Modules (watermark.css)

Backend & Database

• Supabase (PostgreSQL database with real-time features)
  • Authentication
  • Database queries
  • File storage (media bucket)
  • Row Level Security (RLS)

UI Components & Icons

• Lucide React (icons like Heart, FolderPlus, ChevronDown, X, ZoomIn)
• Custom UI components (Select, Input from @/components/ui/)

Routing

• React Router (useLocation, useNavigate, routes structure)

State Management & Hooks

• React Hooks (useState, useEffect, useRef)
• Custom Hooks (useUser, useDesignLike, useUserCollections)
• Context API (UserContext)

Notifications

• React Hot Toast (toast notifications)

Development Tools

• Node.js (package.json, node_modules)
• npm/package-lock.json (package manager)
• PostCSS (postcss.config.js)
• Git (.git directory)

Project Structure

• Mono-repo style with organized folders:
  • /src/components/ - Reusable components
  • /src/contexts/ - React contexts
  • /src/hooks/ - Custom hooks
  • /src/routes/ - Page components
  • /src/lib/ - Utilities (Supabase client)

This is a modern, well-structured React/TypeScript stack with Supabase as your backend-as-a-service, perfect for building scalable web applications with real-time features!

[BOXELS]

Keep in mind I didn’t specify any of that, i just asked to build without nextJS and the ai filled in the rest as I explained what was needed and asked it to use modern approaches. Claude clued me in on the difficulty curse has with next.js and supabase. Now its been real heaven programming in minutes vs hours or days with next.js and supabase and ai.

[BOXELS]

looks and works amazing on MOBILE. this is a dream come true for me, I can build anything now

[BOXELS]

Now, it’s literally do as I say programming without programming. Finally, I am free to build whatever. The MCP (supabase, 21stdev-magic), alongside Claude mac app (with its MCPs) are musts. I’m still learning more MCPs and finding ones that make my life easier. But this combo 95% cursor, 5% claude app (when cursor can’t do it) is a dream team.

Next is Shipstation, openAI (to automate titles, descriptions, and all sorts of tasks for bulk uploads), stripe payments and credits for Organization add-ons, my own SHOPIFY app API so people can plug my designs into SHOPIFY, and more

[adiokid]

Nice!

[BOXELS]

LLM-ified for better reading:

Full-Stack Dev at Your Fingertips Is Addicting!

DijiArt – diji.art
Day 2 of building my digital art and print shop marketplace, and I’m amazed at the progress so far.

• Backend: Done
• Frontend: Nearly there — working through each section now:
  • Favorites
  • Organizations
  • Users & Auth
  • Admin Panel & Site Settings
  • Rich Text Editor
  • Upload Handling
  • OpenAI Helpers
  • And more…

It’s wild that something this robust is already functional — and I’m aiming to have it finished this coming week.

That’s the power of AI-assisted development + a clear tech stack + focus.

Try It Out & Give Feedback

Cursor + Claude = My Dream Dev Stack

What’s blowing my mind is…
I never explicitly asked for any of this setup.

All I did was tell the AI:

“Don’t use Next.js. Use a modern approach.”
And from there?
It filled in the rest — as I explained what I needed, it scaffolded the whole system.

Claude helped me understand the core issue:

Cursor really struggles when mixing Next.js and Supabase.
That insight alone saved me hours of frustration.

Now? It’s Heaven.

I’m building in minutes instead of hours (or days).
Cursor, with Vite + Supabase + Tailwind + clean React, is smooth as butter.
And on mobile? It looks and works amazing.
This is literally a dream come true.

---

“Do-As-I-Say” Programming Is Real Now

It’s like I’m talking to a virtual dev team:

• I describe what I want (in plain language)
• The MCP stack + AI builds it
• I refine or tweak with small nudges

I’m finally free to build anything.

My Dream Stack Combo

• 95% Cursor (auto mode)
• 5% Claude Mac App (when deeper logic/debugging is needed)
• MCPs: Supabase rules, 21stdev-magic, Claude’s local MCP agents

I’m still discovering new MCPs to make my life even easier — this workflow just keeps scaling.

---

Next Up in the Pipeline

• Shipstation Integration
• OpenAI Automation (titles, descriptions, batch upload support)
• Stripe for credit-based org add-ons
• Custom Shopify App API (so others can plug into my design database)

---

TL;DR

• Didn’t pick the stack — AI guided it based on natural language
• Mobile-first, smooth UX, production-ready in days
• Building features I used to dream about
• Cursor + Claude = my new dev team

Anyone else riding this wave? Would love to hear what combos you’re using!

https://diji.art
Feel free to:

• Register
• Add favorites
• Create a collection

Any feedback is welcome — I’m building this in public and would love to know what works, what’s confusing, and what could be better.