Opinionated lightweight setup of nextjs on firebase with some extras.

• Create a Firebase project
• Enable an Authentication method
• Copy .env.local.example to .env.local

• In Firebase generate a private key under Project settings > Service accounts.
• Rename the resulting file to serviceAccount.json, and place it in the project root (gitignored).

• In Firebase under Project settings > General create a web application if you haven't done so already.
• Copy the Config version of the Firebase SDK snippet and paste it in firebaseConfig.js in the project root.

• Enable Firestore in your Firebase project
• Adjust the database url to reflect your project/database id

• Upgrade Firebase project to Blaze (pay-as-you-go) plan
• Install firebase cli

npm install -g firebase-tools 

firebase login 

yarn deploy 

• Generate the required formats at https://www.favicon-generator.org/
• Copy everything except browserconfig.xml and manifest.json to images/icons and overwrite all files.

• Generate a manifest file and more icons at https://manifest-gen.netlify.app/
• Place the resulting manifest.json and images folder in /public (overwrite existing folders and files)

• Change the variables in app/config.ts