Where the first project in this series stayed on the frontend with static data, this one moves you into backend development by building a Prompt Manager — a real tool for saving, editing, and organizing AI prompts.
What the app does
- Lists saved prompts
- Adds new ones with a title, description, and content
- Edits and deletes existing prompts
- Copies a prompt to the clipboard in one click
The stack
On the frontend: React, Next.js, Tailwind CSS, Shadcn components, and Framer Motion for animation. On the backend: PostgreSQL as the database, Supabase for quick cloud deployment, and Drizzle ORM for type-safe database access without hand-written SQL.
What you'll take away
Across 21 lessons, you'll learn how the client-server model actually works, set up a cloud database, define table structures and run migrations with Drizzle, seed initial data, perform CRUD operations, and use Next.js Server Actions to connect the interface to the database — the first time this data actually survives a page reload.