Making a Next.js app a PWA

How to turn a Next.js app into a PWA using next-pwa plugin:

Update next.config.js

const withPWA = require('next-pwa')({ dest: 'public' })

// ...

module.exports = withPWA(nextConfig)

Create a .webmanifest file and place it in the public directory
Add a <link> tag to the <head> of pages/_document.js
```
<link rel="manifest" href="/manifest.json">
```