Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Building Search Forms with Next.js and Drizzle ORM - Full Stack Implementation

Dave Gray via YouTube

Overview

Build a comprehensive search functionality in a Next.js full-stack application through this 47-minute tutorial that demonstrates implementing search features using Drizzle ORM SQL database queries and next/form components. Master the creation of search capabilities for customers and tickets while exploring the Next.js Form component's interaction with search parameters. Progress through essential topics including setting up a SearchButton component, implementing customer search forms, creating server components, writing Drizzle queries for customer search results, testing the search functionality, and optimizing navigation. Utilize modern technologies like TypeScript, Tailwind CSS, ShadCN/ui, Sentry for monitoring, Neon Postgres for database management, and Kinde Auth for authentication to create a robust full-stack application.

Syllabus

Intro
Tech Stack
User Stories Checklist
SearchButton component
Customer Search Form
Customer server component
Drizzle Query: getCustomerSearchResults
Testing Customer Search Results
Ticket Search
Improving Navigation

Taught by

Dave Gray

Reviews

Start your review of Building Search Forms with Next.js and Drizzle ORM - Full Stack Implementation

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.