Build the Finance Skills That Lead to Promotions — Not Just Certificates
Get 20% off all career paths from fullstack to AI
Overview
Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
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