Skip to content

Simple NextJS app demonstrating CRUD with Prisma, Server Actions, and MongoDB. Clean code, minimal UI, and real-world server-side form handling ⚡️

Notifications You must be signed in to change notification settings

MiladJoodi/Nextjs-Prisma-ServerAction-MongoDB-CRUD

Repository files navigation

Server Actions CRUD with Next.js 15, Prisma & MongoDB

🔧 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


🧠 About the Project

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

🔍 Features

  • 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 Stack

Tech Usage
Next.js 15 App Router, Server Actions
React 19 Client UI & Hooks
Prisma DB ORM
MongoDB Database
Zod Input Validation
Tailwind Styling

About

Simple NextJS app demonstrating CRUD with Prisma, Server Actions, and MongoDB. Clean code, minimal UI, and real-world server-side form handling ⚡️

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published