Loading video...

Video Failed to Load

Go Home

Pagination in Next.js 13 with server components

140,144 views • 2 years ago •via X (Twitter)

10 Comments

Nithur's profile picture
Nithur2 years ago

is there any way to do it with query params? currently using this technique, but the pageviews in the analytics are meaningless in this structure.

Bart Proost's profile picture
Bart Proost2 years ago

These examples are perfect. The animations, pace, step by step results including the not-so-happy path in between steps 👌

Ljupche Vasilev's profile picture
Ljupche Vasilev2 years ago

This is amazing! How do you make these videos btw? Is it a service that can help or just raw video editing?

Anton Otto | Rise of a Phoenix 🔥's profile picture
Anton Otto | Rise of a Phoenix 🔥2 years ago

So nicely shown!

Manu Rana's profile picture
Manu Rana2 years ago

@steventey Took a stab at re-creating this amazing work with URLSearchParams (query params) instead. 1. The root route uses the searchParams prop, and passes it to the rendering component 2. The Pagination component now links with query params instead Repo/code follows

ahm0xc's profile picture
ahm0xc2 years ago

How do you create video like this ?

Pratik Mane's profile picture
Pratik Mane2 years ago

I don't want /1 when on first page. How would I do this ?

Md Shafikur Rahaman's profile picture
Md Shafikur Rahaman2 years ago

Thank you so much. Allah bless you

Anthony's profile picture
Anthony2 years ago

Did the same today but managed to use infinite scroll instead of pagination

brixbiz's profile picture
brixbiz2 years ago

Awesome, can’t wait to implement it

Related Videos