How to Make Seamless Page Transitions With Next.js
RitzJS RitzJS
74 subscribers
101 views
0

 Published On May 15, 2024

Today I'll be going over how to make seamless page transitions using React and Next.js using two different methods. If you find this video useful, please leave a like and subscribe. As well, if you have suggestions for future videos or questions about the video above, feel free to comment. Thanks!

0:00 Intro
0:43 Install Node.js
1:30 Create Next.js Project
3:13 Install Dependencies
5:26 Replace Boilerplate Code
9:14 Create UseEffect
11:11 Create Transition
20:50 Make Transition Functions
23:20 Segment Functions
25:20 Make Transition Fancy

Note: Unfortunately I was not able to paste the starter code in here, so you will have to copy from the screen if you would like that, my apologies :(

// Pictures
Both images were from Pexels

show more

Share/Embed