Deploying progressive web app

Questions
1

I have created a new app using the CLI and basically added nothing yet, it is just the template. How do I deploy this as a progressive web app (not Cordova) to a server? I can’t find any instructions anywhere.

Update: I deployed to a server and ran the command npm run build-prod from the root directory.

This has the error:
ERROR in /node_modules/framework7/css/framework7.bundle.css
Module build failed (from /node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from /node_modules/postcss-loader/src/index.js):
Error: No PostCSS Config found in: /node_modules/framework7/css
at /node_modules/postcss-load-config/src/index.js:91:15
at /node_modules/webpack/lib/NormalModule.js:316:20
at /node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /node_modules/loader-runner/lib/LoaderRunner.js:233:18
at context.callback (/node_modules/loader-runner/lib/LoaderRunner.js:111:13)
at /node_modules/postcss-loader/src/index.js:208:9

2

There’s no documentation. I figured this out eventually.

I added the PWA template using framework7 create --ui command.
The default template has a src folder with index.html, and others in src/pages folder.
npm run start will serve the PWA to local web browser. Every change you make to any file will automatically reload your browser. You can debug here.

Once I finalized the error-free PWA pages, I ran npm run build-prod
Under www folder, framework7 creates all your packaged static files including index.html and your .css and .js folders and fonts.
You then deploy (upload) the static www folder to any web server. I used firebase and github:
https://strokemd.web.app
https://strokemd.github.io

3 Likes
3

Thanks, works perfect.