Build a Full Stack CRUD Todo App with Next.js 14, MongoDB, and Prisma

✅ SUBSCRIBE SO YOU DON’T MISS ANY TUTORIALS

⏰ T I M E S T A M P S
00:00 Introduction
03:12 NextJS Setup
05:03 Prisma Setup
06:55 Connect MongoDB
12:21 Components buildup
32:35 Server Actions buildup starts

You'll learn:
- NextJS Install
- Prisma Install
- Connecting MongoDB with Prisma
- Creating Components and Server Action
- CRUD operations with Server Actions
including creating, editing, changing, and deleting Todo

📃DOCS mentioned in the video:

#nextjstutorial #reactjs #fullstack

[NIXOD]

Man, this tutorial is pure gold! Thank you so much. I had a problem with server actions and Prisma, and thanks to you, it now works for me. You explained everything clearly and thoroughly. I’ve definitely subscribed. Thank you once again!

[kashmirtechtv]

you are doing better than 99 percent of the youtubers❤❤ no unnecessary 3rd party tools and working on the standard processes

[kashmirtechtv]

bro, i ahve watche dthe complete tutorial and i understood everything....thanks for the great

[CodeClem]

Hey man its been a while you uploaded on youtube, good to see you again

[Ben-nv]

Hi Sir, thank you for the excellent tutorial. Could you explain why getData() is included directly in the AddTodo.tsx file, rather than being placed in the actions.tsx file like the other methods?

[kashmirtechtv]

1 suggestion you can split the screens instead of minimizing again and again.also tailind is mobile first so you may split the screens... also call the components when you create

[NiteshKumar-ltm]

I felt more happy if you also add filter option completed and uncompleted work

[kashmirtechtv]

why have you craeted 1st input and kept it hidden?? just to get id or any otehr purpose?? and if for the purpose of getting id, isn;t this way a liitle weird to get id through input tag?

[kashmirtechtv]

i saw that oyu have craeted a todoStyle object for linethrough cant we do it with tailwind? and is that mixup of things fimne professuonally?

[kashmirtechtv]

why did we do {todo}: {todo: todoProps} instead of {todo} : todoProps?