Загрузка страницы

Next.js SQL Data Queries with Drizzle ORM - Nextjs Full Stack Project

Learn how to build Next.js SQL data queries with Drizzle ORM in chapter 4 of this Next.js 15 Full Stack Project tutorial series. We will request the data from our project server components and begin routing to our project forms.

⭐ Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts:
- Sentry Homepage: https://bit.ly/sentry-dg
- Sentry Sign-up: https://bit.ly/try-sentry-dg
- Sentry Next.js: https://bit.ly/sentry-nextjs-dg
- Sentry Next.js Docs: https://bit.ly/sentry-docs-dg

🔥 Neon Postgres: https://fyi.neon.tech/davegray

🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/

👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

💖 Support me on Patreon ➜ https://patreon.com/davegray

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Ask Questions & Discuss on Discord ➜ https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

🔗 Next.js Full Stack Project playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PCLz7VMP2QQdeKa83rshe5

👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

🔗 Course Resources: https://github.com/gitdagray/nextjs-full-stack-project

Next.js SQL Data Queries with Drizzle ORM - Nextjs Full Stack Project

(0:00:00) Intro
(0:01:05) Tech Stack
(0:01:25) User Stories Checklist
(0:03:38) Querying Data in the Neon SQL Editor
(0:08:14) Creating Queries with Drizzle ORM
(0:12:53) Customer Form Route Segment
(0:20:06) Back Button Component
(0:27:26) Customer Form Route Segment Pt. 2
(0:31:49) Ticket Form Route Segment
(0:41:31) Capturing Exceptions with Sentry

📚 Tutorial References:
🔗 Next.js: https://nextjs.org/
🔗 ShadCN/ui: https://ui.shadcn.com/
🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Drizzle ORM: https://orm.drizzle.team/
🔗 Neon Postgres: https://fyi.neon.tech/davegray
🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/

Was this Next.js Full Stack tutorial with Neon & Drizzle ORM helpful? If so, please share. Let me know your thoughts in the comments.

#nextjs #sql #data

Видео Next.js SQL Data Queries with Drizzle ORM - Nextjs Full Stack Project канала Dave Gray
Страницу в закладки Мои закладки
Все заметки Новая заметка Страницу в заметки