Hi.

First of all, congratulations for this project. Will be interesting if I could use it with Chakra-ui.

Integrate PWA into Next.js web app.

Use create-next-app package to set up a Next.js project using CLI

error - Please check your GenerateSW plugin configuration:
[WebpackGenerateSW] 'pwa' property is not expected to be here.

Found a solution here:

shadowwalker/next-pwa#392

I changed my next.config.js to this to get the error to go away:

const withPWA = require('next-pwa')({
	dest: 'public',
	register: true,
	skipWaiting: true
})

module.exports = withPWA({
	reactStrictMode: true,
	// put other next js options here
  });

Integrated tailwind in the CLI so it can be used as --tailwind or -t flag

Since I have a template package.json file that I am using for Next.js PWAs and Tailwind, the dependencies in them will outdate over time. So I need to fix it by figuring a way where I don't have to use package.json files like this.

I'm using your npm package ( installed global ) and tried to create an pwa ( with and without tailwind ) in vscode ( Terminal ), PS Admin and normal Powershell.

Add Typescript to the project using the flag --typescript

Set up a basic UI of the CLI with header, footer

Add a readme file

Minor issue:

manifest.json was empty

When I ran

npx create-next-pwa@latest --typescript --tailwind myapp

I pasted in the following:

{
    "name": "MyApp",
    "short_name": "MyApp",
    "theme_color": "#ffffff",
    "background_color": "#004740",
    "display": "fullscreen",
    "orientation": "any",
    "scope": "/",
    "start_url": "/",
    "icons": [{
      "src": "/icons/favicon.svg",
      "sizes": "48x48 72x72 96x96 128x128 144x144 152x152 192x192 256x256 384x384 512x512",
      "type": "image/svg+xml",
      "purpose": "any"
    }],
    "splash_pages": null
  }

It is mostly because the child process is not awaiting the rest of the CLI in order to complete itself.

Create a help section that can be accessed through --help flag

I would need to use process.chdir() to install packages and format code. But for that, I need a way to exit from Node process without terminating the program.

I'm trying to make a static pwa with next.js and tailwind.

Steps

1. Use create-next-pwa:

npx create-next-pwa pwa-test --tailwind

2. Install gh-pages dependency and update package.json

"scripts": {
	"dev": "next dev",
	"build": "next build && next export",
	"start": "next start",
	"format": "prettier --write \"./**/*.{js,json}\"",
	"predeploy": "npm run build",
	"deploy": "gh-pages -d out -t true"
},

3. Update next.config.js

const withPWA = require('next-pwa');

module.exports = withPWA({
	basePath: '/temp',
	pwa: {
		dest: 'public',
		register: true,
		skipWaiting: true
	}
});

4. Run deploy script (you need to setup the remote repo)
   npm run deploy

In development mode, the pwa is instalable and works fine.
But when I run next export and add the static site to Github pages, I always get this error:

No matching service worker detected. You may need to reload the page, or check that the scope of the service worker for the current page encloses the scope and start URL from the manifest.