Search in Next.js with Drizzle ORM | Nextjs Full Stack Project
Dave Gray
View ChannelAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Latest Posts
Video Description
Learn how to search in Next.js with Drizzle ORM SQL database queries and next/form. We will add search features for customers and tickets and learn how the Next.js Form component works with search params. ⭐ 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 Search in Next.js with Drizzle ORM | Nextjs Full Stack Project (0:00:00) Intro (0:01:03) Tech Stack (0:01:23) User Stories Checklist (0:02:26) SearchButton component (0:05:03) Customer Search Form (0:08:25) Customer server component (0:11:11) Drizzle Query: getCustomerSearchResults (0:17:26) Testing Customer Search Results (0:19:05) Ticket Search (0:34:38) Improving Navigation 📚 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/ 🔗 next-safe-action: https://next-safe-action.dev/ Was this Next.js search form tutorial with Drizzle and next/form helpful? If so, please share. Let me know your thoughts in the comments. #nextjs #search #form
No Recommendations Found
No products were found for the selected channel.