Uploaded July 2021 | Updated September 2026, 1 week ago

---

Hello, my friends and fellow developers,

Let me know in the comments below if you want more Next.js videos or any other videos.

🔴 Subscribe here: bit.ly/2K5Ydaf
⌨ Localhost Discord Server: discord.gg/developers

Links in the video:
Blog post: blog.usmans.me/how-to-add-routing-loader-using-nprogress-in-nextjs
CSS file CDN: unpkg.com/nprogress@0.2.0/nprogress.css

Other Tutorials:
⚛️ React and Material UI Todo App: bit.ly/reactmattodo
🟨 Other JavaScript videos: bit.ly/jstutorials
📘 Visual Studio Code videos: bit.ly/vscodevids
🔋 Build a Battery App in JS: youtu.be/J8_hwKSeffY

🔥 Timestamps start 🔥

0:00 - Introduction and demo
1:13 - Setting up the Next.js app
3:11 - Install nprogress package
3:54 - Get nprogress.css file
5:49 - Creating the second page
7:44 - Using router events with nprogress
12:13 - Customizing nprogress.css file
13:32 - Throttling and conclusion (for demo)

🔥 Timestamps end 🔥

Connect 🔗 :
Twitter: twitter.com/MaxProgramming1
Facebook: facebook.com/Max-Programming-103081931147293
Github: github.com/max-programming

🎥 Gear I use:
🎤 Mic: amzn.to/3DGqEH9
🎙️ Mic Holder: amzn.to/3NAnM2U
🎧 Headphones: amzn.to/3Wy7CuZ
⌨ Keyboard: amzn.to/3E2mSci
📷 Webcam: amzn.to/3Tb0Ice

VS Code Theme used: Default Dark+

Suggest, ask doubts in the comments and share these videos to help!
Thanks for Watching!