Next.js Server Actions + Prisma (No API Routes)

Description

In this video, you’ll learn how to create and submit data to a database in Next.js WITHOUT creating API routes or sending POST requests manually. Using Prisma ORM v7 in a Next.js: https://ckriswinarto.medium.com/using-prisma-orm-v7-in-a-next-js-app-simple-beginner-guide-fe3a65ed727a 🛠️ Tools & Packages Used: Next.js App Router: https://nextjs.org Prisma ORM: https://www.prisma.io Server Actions: https://nextjs.org/docs/app/building-your-application/data-fetching/server-actions slugify: https://www.npmjs.com/package/slugify ⏱️ Timestamps: 00:00 - Introduction 00:27 - Project setup (Next.js + Prisma) 03:10 - Create the UI 06:36 - Create the "use server" actions 10:48 - Render the data from database 12:23 - useFormStatus() 13:06 - Add Loading page 💻Code: Github: https://github.com/candraKriswinarto/nextnotes-server-actions 🌐 Check out more content: My Portfolio: https://www.cand.site/ Medium: https://medium.com/@ckriswinarto 🌐 Recommended Digital Tools (Affiliate Links): Hostinger: Get 20% Off on Web Hosting — https://dub.sh/zrpWarU