This repository serves as an extendable seed project for building a React Progressive Web Application (PWA) using Vite. Whether you're starting a new project or want to explore PWA development, this seed project provides a solid foundation.
- Installation
- Configuration
To get started, follow these steps:
-
Clone this repository:
git clone https://github.com/ofcyln/react-pwa-in-no-time.git cd react-pwa-in-no-time
-
Install dependencies:
npm install
-
Run the application:
npm start
-
Change PWA configurations from
vite.config.ts
file when you need. -
Use PWA Asset Generator for creating assets like icons, splashscreens, updating manifest file and/or index file easily with your logo.
-
Example commands used to create splashscreens, icons of this app, and updated
index.html
file afterwards:npx pwa-asset-generator ./src/assets/logo/logo.svg ./public/assets/pwa --background "#fff" --icon-only --favicon --opaque false --maskable false --type png
npx pwa-asset-generator logo.svg -i ./index.html
This PWA app works in prod mode after releasing it to a live server.
-