Hello, my friends and fellow developers, this video took longer than usual to edit because I did some more research on video editing and added some more effects. Thanks a lot for 1000 subscribers!

In this video, we cover how you can make your Next.js app a PWA with offline support very easily!

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

🔴 Subscribe here: https://bit.ly/2K5Ydaf

🧾 Article: https://blog.usmans.me/how-to-make-a-...

Links in the video:
Next PWA: http://npmjs.org/package/next-pwa
Icon generator: https://cthedot.de/icongen/
Manifest JSON file: https://easypastes.tk/pastes/manifest...
GitHub repo: https://github.com/max-programming/ne...

🔥 Timestamps Start 🔥

0:00 - Introduction
1:56 - Generating the icons
3:08 - Creating manifest.json file
7:47 - Making it a PWA
9:22 - Building & Testing the PWA
11:53 - Offline support
13:05 - Conclusion

🔥 Timestamps End 🔥


Other Tutorials:
⚛️ React and Material UI Todo App: https://bit.ly/reactmattodo
🟨 Other JavaScript videos: https://bit.ly/jstutorials
📘 Visual Studio Code videos: https://bit.ly/vscodevids
🔋 Build a Battery App in JS:    • 🔋 Build a Battery Info app with JavaS...  

Connect 🔗 :
Twitter:   / maxprogramming1  
Facebook:   / max-programming-103081931147293  
Github: https://github.com/max-programming/

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

VS Code Theme used: 👨‍🚀 Martian NIght Theme

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