Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/pwa-builder/pwa-starter

Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for!
https://github.com/pwa-builder/pwa-starter

lit lit-element pwa pwabuilder

Last synced: 2 months ago
JSON representation

Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for!

Host: GitHub
URL: https://github.com/pwa-builder/pwa-starter
Owner: pwa-builder
License: other
Created: 2020-03-20T22:43:49.000Z (over 4 years ago)
Default Branch: main
Last Pushed: 2024-04-08T18:41:39.000Z (3 months ago)
Last Synced: 2024-04-08T21:29:34.855Z (3 months ago)
Topics: lit, lit-element, pwa, pwabuilder
Language: TypeScript
Homepage:
Size: 52.5 MB
Stars: 1,098
Watchers: 34
Forks: 238
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE.txt

Lists

awesome-lit - pwa-starter - LitElement edition of the PWABuilder pwa-starter. (Starter Templates)
awesome-stars - pwa-builder/pwa-starter - Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for! (TypeScript)
awesome-stars - pwa-builder/pwa-starter - Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for! (TypeScript)
docsify-awesome-stars - pwa-builder/pwa-starter - Welcome to the PWABuilder pwa-starter! Looking to build a new Progressive Web App and not sure where to get started? This is what you are looking for! (TypeScript)
pwa-awesome-ru - Web Components (LitElement)

README

# PWA Starter

[**Straight to Full Documentation**](https://docs.pwabuilder.com/#/starter/quick-start)

The PWABuilder pwa-starter is our opinionated, best practices, production tested starter that we use to build all of our PWAs, including [PWABuilder itself](https://blog.pwabuilder.com/posts/introducing-the-brand-new-pwa-builder/)! The pwa-starter is a starter codebase, just like create-react-app or the Angular CLI can generate, that uses the PWABuilder team's preferred front-end tech stack. We also have a CLI tool to allow you to create a PWA template from the command line.

## Jump Right In

Install the PWABuilder CLI:

`npm i -g @pwabuilder/cli`

And create a new app with this command:

`pwa create`

And start your app locally with:

`pwa start`

And that's it! Good luck on your Progressive Web App adventure!

## More Info

[![Get started with the pwa-starter!](https://img.youtube.com/vi/u3pWKpmic_k/0.jpg)](https://www.youtube.com/watch?v=u3pWKpmic_k)

With it you get an app that:
- Has no build system to set up and no boilerplate code to add. Everything is included out of the box.
- Has a Service Worker system using [Workbox](https://developers.google.com/web/tools/workbox/)
- Scores close to 100 on Lighthouse out of the box
- Has everything needed to be installable in the browser
- Is ready to be package for the app stores using [PWABuilder](https://www.pwabuilder.com)
- Uses the [Azure Static Web Apps CLI](https://azure.github.io/static-web-apps-cli) which enables emulating your production environment locally, and gets you ready for deploying to Azure Static Web Apps!

and all with just a few button clicks 😊.