How to make a Next.js app a PWA with offline support | Progressive Web App

Can we able to write our own code in sw.js file? Like how to add push notifications and background sync etc and how can we control the cache like I want only certain file can only be cached like that, please help me

run npm build command but there have not set.js file inside of .next Folder kindly help

god's work

Thank you, very helpful!

offline??
no its not online support
this play with words

We need cashed our page which havent opened yet, and see them offline

Will it work on the app router?

How do I add push notifications? Really lost here

thanks

Beetlejuice

Great explanation, thanks and I couldn't make it work when it is offline and I see the sw.js file is created inside .next folder which is generated during build. Your help is highly appreciated, thanks in advance.

that's so cool, thanks for sharing valuable information

Can i use next.js with codeigniter, how to connect it to views folder in codeigniter?
How to change default page/ home page next.js to codeigniter php file?

How we come to know the fallback will name will be _offline.js

Just made my nextjs app installable.
Thanks!

You are great. Thank you bro!

Great video! Keep it up!

Hey, I can't get the PWA running. I followed all the steps from the tutorial, but the service worker isn't being registered correctly. Can someone maybe give me a tip on how to fix the problem?

Great video! Is this SSR + PWA takeover?

Thanks a bunch. More grace and power to you.

You are amazing!! The best of the devs... As we say in Brazil: "Brabissimo!"

I followes all tha steps and it worked, but I couldnt find the manifest config in browser

thanks so much for the video, it's help me a lot!!

thanks for the video. just what I've been looking for. Keep up the good work.

Amazing. Thanks!!

OMG!, I have some PWAs in Nextjs, managed to learn a few more things

Hint: real apps already have offline support if you bother to code it in. There is no reason to make a PWA for that.

This is interesting. I'd like to know more about the shortcuts array if you want to cover that. Thanks.

Woohoo! Firsttttt 😍