sapper-firebase-tailwindcss starter template

• Sapper
• Firebase Auth with rxfire
• Firestore with rxfire
• Firebase Hosting
• Firebase Functions
• Tailwind CSS with PurgeCSS

Getting started

1. Install dependancies

yarn

2. Update firebase config

cat src/firebase/config.js

3. Setup firebase project

1. Auth: Enable Google and/or Facebook login
2. Cloud Firestore: Create 2 collections publiclist and privilagedlist. Rules are in firestore.rules

4. Run the project

# Terminal 1
yarn watch:tailwind

# Terminal 2
yarn dev

Open up localhost:3000

Thanks

This starter project was inspired by/builds on the following projects

• https://github.com/sveltecasts/009-sapper-firestore (For Firestore setup)
• https://github.com/drejohnson/sapper-graphql-firebase (For rxjs/rxfire setup)
• https://github.com/codechips/sapper-with-postcss-and-tailwind (For postcss setup)