Adding Search Feature in Server Components | NextJs 13

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
🔗 https://www.hamedbahram.io/courses/ne...

👉🏼 Project source code → checkout the `search` branch
🔗 https://github.com/HamedBahram/next-p...

👉🏼 MongoDB Atlas Search
🔗 https://www.mongodb.com/docs/atlas/at...

👉🏼 The `use-debounce` package
🔗 https://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