Skip to content

Demonstrate the capability of NextJS to build PWA

Notifications You must be signed in to change notification settings

kamal250/next-pwa-demo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

NextJS PWA Demo

Purpose of this project

Demonstrate the capability of NextJS to build PWA

Netlify Status

Deploy to Netlify

How to use

Execute the following commands and check output at http://localhost:5000:

npm install
npm run dev

Steps to build:

  1. Create a responsivewebapp in nextjs
  2. Install next-pwa
  3. Configure next.config.js
  4. Add manifest.json using manifest - Set display other than browser & prefer_related_applications to false
  5. Add meta tags in header

How to verify whether it is PWA or not:

  1. Check within Lighthouse (Google Chrome) about PWA
  2. Installable icon on address bar on Desktop or "Add to Home" prompt on Mobile (if manifest.json is appropriate)

About

Demonstrate the capability of NextJS to build PWA

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published