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/nextjs 👉🏼 Project source code → checkout the `search` branch 🔗 https://github.com/HamedBahram/next-pagination 👉🏼 MongoDB Atlas Search 🔗 https://www.mongodb.com/docs/atlas/atlas-search/ 👉🏼 The `use-debounce` package 🔗 https://www.npmjs.com/package/use-debounce 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