In this video, we'll look at adding a search feature to our movie app built using server components in NextJs 13. We'll use client components to add interactivity and hooks to debounce the user input.
👉🏼 The Ultimate NextJs Course
🔗 www.hamedbahram.io/courses/ne...
👉🏼 Project source code → checkout the `search` branch
🔗 github.com/HamedBahram/next-p...
👉🏼 MongoDB Atlas Search
🔗 www.mongodb.com/docs/atlas/at...
👉🏼 The `use-debounce` package
🔗 www.npmjs.com/package/use-deb...
Chapters
0:00 Intro
3:00 Adding the search input
7:36 Debouncing user input
11:30 Refactoring the getMovies function
12:15 MongoDB full-text search
14:30 Refactoring our links
16:30 Debugging
21:38 Outro