ive been at this for about 12 hours now and im kind of stuck. im trying to build something that works exactly like YouTube Shorts or Instagram Reels — where you can scroll through full-screen videos one by one.

What I want is:

smooth vertical scrolling between videos (with a nice animation).

as each video comes into view, the url and page metadata should update automatically.

i plan to load 5 videos at a time.

when the user reaches the 4th video, i want to automatically fetch and load more videos in the background (kind of like infinite scroll).

Please suggest me the right approach or any library that can help. Also, if possible, tell me the logic for implementing this in Next.js.