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