#12 – Animate Route Changes
In this video, we'll be implementing a navigation progress animation that displays at the top of the page when a route change is initiated, and disappears when the new route is loaded. This will provide users with visual feedback that the page is loading, and improve their overall experience on our NextJS application.
Source code and necessary links are available in the links below:
Source code:
https://github.com/Primus-Learning/ne...
Deployed project:
https://reelranger.vercel.app
Mantine documentation on Navigation Progress:
https://mantine.dev/others/nprogress/...
If you find this video helpful, consider liking and subscribing to our channel and stay tuned for more tutorials.
#nextjs #react #reactjs #nextjstutorial #reactjstutorial #fullstackwebdevelopment
Background music:
Track 1:
Music track: Cool Lofi by Pufino
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Track 2:
Music track: Getaway by Pufino
Source: https://freetouse.com/music
No Copyright Music for Video (Free)
Track 3:
Music track: Imagine by Lukrembo
Source: https://freetouse.com/music
No Copyright Music for Video (Free)