Skip to content
⚓️ 🔥 Angular + Firebase Progressive Web App Starter
Branch: master
Clone or download
codediodeio Merge pull request #71 from ajonp/master
remove double "//" from references
Latest commit 8a3e9ca Nov 3, 2018


FireStarter is an Angular PWA powered by Firebase. It can serve as a foundation to learn this stack and roll out more complex features.


  • Angular 7.x
  • 100 PWA Lighthouse Score with NGSW
  • Firebase Auth, Storage, and Cloud Firestore Demos
  • Angular Universal Prerendered SSR (deployed to Firebase Static Hosting)
  • End-to-End Testing with
  • Continuous Integration with CircleCI


  1. Run
  • git clone firestarter
  • cd firestarter
  • npm install
  1. Create a project at and grab your web config:

  1. Add the config to your Angular environment


export const environment = {
  production: false,
  firebase: {
    apiKey: 'APIKEY',
    authDomain: '',
    databaseURL: '',
    projectId: 'DEV-APP',
    storageBucket: '',
    messagingSenderId: '123456789'
  1. Open src/app/app.module.ts and replace the firebasePlaceholderConfig with your environment, i.e environment.firebase

  2. And finally ng serve

You can’t perform that action at this time.