The script for the npx create-next-app-pwa command. Making it easier for everyone to create a Next.js Progressive Web App using a simple command. This is made possible by the service worker made by serwist (see dependencies below).
It's easy. Just run the following command in your terminal:
npx create-next-app-pwa [project-name]This will follow the standard create-next-app command so this means that you will be asked a couple of questions like the following below.
✔ Would you like to use TypeScript? … No / Yes
After answering the questions, it will start the installation process. It's like installing a normal Next.js app.
Important
The following information is only describing the script. You don't need to do them. This is just for transparency and accountabilty.
After initializing the Next.js app, the following files will be then added:
next.config.mjs- The configuration file for the Next.js app to align with the Progressive Web App.public/manifest.json- The manifest file as a requirement for a Progressive Web App.public/favicon.ico- The favicon, likewise, a requirement for a Progressive Web App.
The script then edits the layout.tsx file and adds the manifest attribute to the metadata object.
The script also installs @serwist/next and serwist as dependencies. This is the service worker that enable your Next.js app to be a Progressive Web App.
This project is licensed under the MIT License. See the LICENSE file for more details.