Am really glad I clicked this video, at first I thought i have to state management for all this stuff but you make it really simple and awesome and exactly same what I want to make. Thnx a lot

what a hidden gem of a channel, ur explanations are magnificent.. great job

Dude I cant believe youtube didnt recommend your channel to me wow glad I found it, was looking for more basic technical videos on concepts we need to master instead of 5 hour long project tutorials. These helps me work on my own projects

Excellent tutorial. Thank you so much.

I don't know what to say or describe you. You are always the best ❤❤

Amazing Tutorial 🔥🔥

Man, you are amazing! Thank you so much!!

Awesome tutorial! 👌🏼👌🏼

Awesome tutorial. A tutorial of testing in App router would be great

you saved me from 4 days of no success thank you so much

Underrated channel 😢 Lots of love to your channel ❤

Thank you :), it was really useful you saved me from the bugs which i have been working on 2 days.

What a great tutorial ❤

thank you brother for that video

Big fan from Bangladesh❤❤❤

absolutely magnificent

Superb!

Amazing content, as always. You're the man!!!👏 Now, I have a problem with this approach, dunno, if you can help: Since you know Prismic, I'll expose the real scenario: I have a dynamic Page server component (let's say: [page]) and I have multiple slices in it. One of them it's an `ArticleCategory` slice (server component) that fetches a list of articles of a specific category and in that slice, as child component, I have a client component that handles the searchTerm. All fine and using the same example you're showing in the video, however, I get a 500 error when accessing a page with that slice because I am using generateStaticParams on that `Page` component to get all the documents from Prismic. The error is known: "Static to Dynamic Error" and there's a fix for regular scenarios, advised by nextjs, just turn your page into dynamic (If I remove the `generateStaticParams`) it works but that defeats the whole purpose of having static regeneration. I know this is farfetched but maybe you've a solution for this 🙏😅 Thanks in advance for your help

Followed your steps,everything working excepts useEffect in searchBar component, on refresh page={number} is deleted

Thank you ❤

Thank you so much

Thanks alot

Thanks

Thanks for the great tutorials you provided, What If I have more than one param each passing the params values to a parent (server component) page and i want to delete one of the params?

Hello Hamed! Could you please show us how to make multi category filter system in addition to pagination and search using server components with URL? Thank you in advance!

for me, useEffect is rendered multiple times and that initial "first render" if block is bypassed and I lose the page query param upon refreshing the page. When config is set to strictMode: "false", then this logic works. Any ideas? 🤔

Do a video on event driven architecture in NextJS 13 with Inngest 🎉

Hello what if you have other query in the url alreay how do you remove just the search from the url query params without affecting others

Amazing 👏, I'm using a model, I have a form to select a user by searching.... any other ideas to implement this without setting the url ? Please

What would you suggest if you wanted to show a loading skeleton of movies while the search was running? It looks instant, but what if you added an artificial 2-3 second delay on getMovies? Do you know how to go about showing the static content of movies while the server waits for the movies to load?

Amazing tutorial ❤. But one doubt, even if you use search params as state, it will do server rendering but it won't show any loader right? And also it will take some noticable time to get the results and render them. loader.tsx file also won't help... So which method should we use client or server components? Hoping for a response... Thank you!

I’d like to see an example like this but querying an API…anyone know of a good resource that shows that?🧐