How to use Drizzle ORM in Next.js App Router | Explained with project
Hello, my friends and fellow developers!
In this video, we cover how you can set up and use Drizzle ORM with Next.js App Router also utilising react server components & server actions! We understand by an example of a contact form.
Let me know in the comments below if you want more Next.js & Drizzle ORM content or something else.
Links mentioned in the video:
Drizzle Docs: https://orm.drizzle.team/docs/overview
Next.js Server Actions: https://nextjs.org/docs/app/building-...
GitHub Repo: https://github.com/max-programming/dr...
reCAPTCHA v3 video: • How To Use Google reCAPTCHA v3 in Nex...
00:00 - Intro
00:15 - Project starter walkthrough
01:33 - Install Drizzle & SQLite dependencies
02:50 - Drizzle config file
04:54 - Creating a table
06:48 - Generating and running migrations
09:22 - Connecting to the DB
10:10 - Contact form server action
13:58 - Fetching responses from DB
14:59 - Use types from drizzle
15:32 - Add more responses
15:44 - Delete response server action
17:14 - Fixing error using bind method
18:18 - Test the project
18:48 - Conclusion
Other Tutorials:
⚛️ React and Material UI Todo App: https://bit.ly/reactmattodo
🟨 Other JavaScript videos: https://bit.ly/jstutorials
📘 Visual Studio Code videos: https://bit.ly/vscodevids
🔋 Build a Battery App in JS: • 🔋 Build a Battery Info app with JavaS...
Connect 🔗 :
Twitter: / maxprogramming1
Facebook: / max-programming-103081931147293
Github: https://github.com/max-programming/
VS Code Theme used: Default Dark Modern
Suggest, ask doubts in the comments and share these videos to help!
Thanks for Watching!
#nextjs #reactjs #programming
Watch video How to use Drizzle ORM in Next.js App Router | Explained with project online without registration, duration hours minute second in high quality. This video was added by user Max Programming 13 August 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 3,565 once and liked it 68 people.