🔧 A minimal fullstack CRUD app using Next.js 15 App Router, Server Actions, Prisma, and MongoDB.
Add, edit, and delete simple text titles — with no external API, no extra client requests. Just clean and native server actions.
🚀 Check out the live demo here: https://server-actions.netlify.app
This is a basic example app to demonstrate how to use Server Actions in a real-world flow.
There’s no fancy UI — just the raw features you need to:
- ✅ Add new titles
- 📝 Edit existing ones
- ❌ Delete with confirmation
- 📃 Render fresh data with
revalidatePath
- Next.js 15 with the new
App Router
- Server Actions for create/update/delete (no API routes needed)
- MongoDB (via Prisma) as the database
- Zod for server-side input validation
useActionState
for better form UX and loading state- Clean and minimal structure, easy to build on
Tech | Usage |
---|---|
Next.js 15 | App Router, Server Actions |
React 19 | Client UI & Hooks |
Prisma | DB ORM |
MongoDB | Database |
Zod | Input Validation |
Tailwind | Styling |