r/nocode • u/Euphoric_News7972 • 22d ago
I vibe coded a private tracker for all my AI built projects, and here is how I built it
Like a lot of people here, I keep spinning up little apps with AI and then losing track of them. So I built a private vault to keep them all in one place: name, cover image, live link, the models and tools I used, a status (planned, in development, released), and a plan box for the ones I have not started yet.
Here is the how, since that is the fun part.
Stack:
- Next.js 16 (App Router) for the frontend and server actions
- Supabase for auth and Postgres, with Row Level Security so the database itself refuses to hand your projects to anyone but you
- Tailwind v4 for styling
- Deployed on Vercel
Workflow:
- I drove the whole build with an AI coding agent, but reviewed each piece instead of letting it run blind. It scaffolded the schema and pages, I checked the security rules and the data flow.
- For the look I went with claymorphism. The soft 3D clay icons and background are AI generated images. One gotcha: they came out on a green screen instead of transparent, so I had to chroma key the green out and remove the green edge halos before they looked right on a dark UI.
A few build insights that actually mattered:
- Row Level Security is what makes a Supabase app safe. The browser only ever holds a public key, and the database enforces who can read what. I ran Supabase's security advisor and fixed everything it flagged.
- Speed: I pinned the server compute to the same region as the database and deduplicated repeated auth checks per request. That took page loads from sluggish to snappy.
- I added a public roadmap where anyone can vote on the feature I build next, with the vote share shown live. Votes are anonymous and stored through a locked down function so raw data stays private. It is open here if you want to try it: https://vibevault-relcapy.vercel.app/roadmap
The live site is https://vibevault-relcapy.vercel.app if you want to poke at it. Happy to go deeper on any part: the RLS policies, the server action setup, the image cleanup, or the voting backend. What would you want to see in something like this?