Adding a Search Feature to a Server Component | Next.js App Router

#nextjs13

0:00 - Intro
1:13 - Overview of page code
2:01 - Capturing the user's input
2:41 - Update URL with search param
4:13 - Keeping the url and input in sync
4:45 - Updating the table based on search query
5:42 - Debouncing

💻 RESOURCES:

🤝 LET’S CONNECT:

[techdockerz]

WOW !!! to the point showed the professional production-ready example. better than a long tutorial ends up in no way.

[AliAkgul-ymwz]

I've been losing my sanity trying to implement client and server components together for this functionality. Thank you so much for this.

[yiyin]

This is what I'm looking for, straightforward and easy to understand. Thank you, Stephie.

[maskman]

This is exactly what I am looking for, thank you Stephanie 🙏

[Demdevvy]

I took a lot away from this video and it helped fill in a lot of gaps in my understanding. Thank you.

[davidlintin]

Perfect tutorial. Looking to use this in my project. But I have additional filters so will probably require a search button instead of live updating.

[codeChuck]

Simple and professional! Cool stuff! You included 'use-debounce' BLAZINGLY FAST :D

[veljkomaksimovic]

Great tutorial. Exactly what I was looking for!

[mohammadDeveloper]

Great mam it's awesome smoothly understand step by step thank you mam Please keep on making more video new features in next js 14

[filipkalny]

Great video, but I'm disappointed that you didn't go into more depth. The transition hook would be perfect so that we can see an indicator of a pending loading state.

[JuanMoisesTorrijos]

This is exactly what I needed. Thank you very much!

[paakofibamfoquaicoe]

Awesome. Please should we expect a video version of the new nextjs learn content?😊

[Svish_]

Could you make a video on how to write/cache files during build of nextjs in a way that's compatible with vercel and serverless?

Say for example you have a blog and all blog posts stored as text files, and you want to create an index/map of all the posts during build so that it's quick to generate lists of the latest posts, sitemaps, rss feeds, and so on.

Where/how should I hook into the build process to create this index? Where should I write it to?

[naufalnasrullah]

is it possible to not using client components when dealing with search feature?