In this tutorial, we’ll build a full-stack ToDo app using Next.js, Prisma, PostgreSQL, and Zustand for state management. You’ll learn how to set up a PostgreSQL database with Prisma, create full CRUD routes in Next.js, and integrate everything into a global state using Zustand.
🛠️ Tools & Packages Used:
- [zustand]: https://zustand-demo.pmnd.rs/
- [nextjs]: https://nextjs.org/
- [prisma]: https://www.prisma.io/
- how to setup prisma in nextjs: https://ckriswinarto.medium.com/installing-and-configuring-prisma-in-next-js-app-router-d02a5ee4d0b5
🌐 Check out more content:
- My Portfolio: https://www.cand.site/
- Medium: https://medium.com/@ckriswinarto
💻 Get the Source Code:
- Starter Code: https://github.com/candraKriswinarto/zustand-crud-in-nextjs
- Final: https://github.com/candraKriswinarto/zustand-crud-in-nextjs/tree/with-db
🌐 Recommended Digital Tools (Affiliate Links):
- Hostinger: Get 20% Off on Web Hosting - https://dub.sh/zrpWarU
👍 If you found this video helpful, please like, and subscribe!
❓ Any questions? Drop them in the comments below!
#Coding #zustand #fullstack