Home

Welcome to the PWABuilder pwa-starter Documentation!

• Get Started
• Developing your PWA
• Recommended Developer tools
• Deploying with Azure Static Web Apps
• Packaging for app stores with PWABuilder
• Sample Apps
• Resources

The PWABuilder pwa-starter is our opinionated, best practices, production tested starter that we use to build all 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:

• lit: Our framework of choice. Lit gives us a way to write code that feels remarkably familiar to popular frameworks like React but that compiles down to browser native Web Components with a tiny runtime that provides things such as performant asynchronous rendering. Put plainly, Lit provides that great developer experience that we may be used too but without any sacrifice in either load-time performance or runtime performance.
• @fluent/web-components: The Fluent Web Components are a set of UI components, just like Ionic, or the Material Design Web Components. These components help your app achieve the Fluent look and feel, ensuring your PWA feels native on Windows!
• Vite: Vite handles bundling our code, generating our Service Worker, and can be configured to do [even more] (https://vitejs.dev/guide/features.html) if needed!
• Vaadin Router: For routing, we use the Vaadin router. It is built with web components; has a tiny package size and all the features you expect from modern routers.
• TypeScript: TypeScript gives us features such as auto complete in our editors that helps make the development process easier, along with being perfect for working in a team because you can provide types for your APIs, making your code almost self-documenting.

This documentation contains all the info you need for working with the starter, and can be navigated using the table of contents to the right ➡️➡️➡️