register service worker with nextjs application

node.js reactjs express service-worker next.js

You need to serve your service-worker file as a static file to achieve that.

See the reference here, app.serveStatic(req, res, filePath) line 19.

You can take a look on the complete example here.

node.js reactjs express service-worker next.js

move service-worker.js file in server folder and add following line

server.use('/service-worker.js', express.static(__dirname + '/service-worker.js'));

in server.js file.

node.js reactjs express service-worker next.js

Service worker registration in Nextjs project

Put the service worker file in the public directory.

Inside your _app.js write below code :

componentDidMount(){    if('serviceWorker' in navigator){            navigator.serviceWorker.register("/firebase-messaging-sw.js");        }}

CodeHunter