Demonstrate the capability of NextJS to build PWA
Execute the following commands and check output at http://localhost:5000:
npm install
npm run dev
- Create a responsivewebapp in nextjs
- Install next-pwa
- Configure
next.config.js
- Add manifest.json using manifest - Set
display
other thanbrowser
&prefer_related_applications
tofalse
- Add meta tags in header
- Check within Lighthouse (Google Chrome) about PWA
- Installable icon on address bar on Desktop or "Add to Home" prompt on Mobile (if
manifest.json
is appropriate)