PWA Boilerplate Wizard

Step 1: Choose Your Environment

Select how you intend to use the PWA generator. This will help tailor the guidance.

For developers using a terminal to generate files locally or on a server.

Using a web-accessible PHP script with a form interface.

Integrating PWA generation within a WordPress site.

Application Name:

Short Name (for home screen):

Description:

Start URL (relative to manifest): E.g., "./", "./index.html", "/app/"

Theme Color (browser UI):

Background Color (splash screen):

Display Mode:

Orientation:

Scope (PWA navigation context): Usually your app's root directory, e.g., "/" or "./".

Output Directory Name (for generated files): E.g., 'my_app_pwa'. For Web/WP, this might be a subdirectory.

Service Worker Cache Name:

Assets to Cache (comma-separated paths): Paths relative to where sw.js will be (usually site root).

Icons (JSON Array Format): Provide paths to your actual icon files.

Please review your PWA configuration below. When ready, click "Generate Instructions".

Your settings will appear here...