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
Смотрите видео How to use Drizzle ORM in Next.js App Router | Explained with project онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Max Programming 13 Август 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 3,565 раз и оно понравилось 68 людям.