We used to use Netlify hosting. It’s reliable, but we ran it out of Andrew’s personal account, so teams didn’t have visibility into how builds worked. We’re going to try out Firebase hosting for Spring 2021. This will mean everything related to the build pipeline will live in the project repo and in the Firebase console where the team can inspect and tweak it.

Source documentation

No need to read the following docs unless you’re curious how this all works under the hood.

• Firebase Hosting ← start here for more info
• Deploying when PRs are merged
• Adding a custom domain name ← if a team wants to get fancy 💅
• Installing the firebase CLI ← if you run into install problems.

Step 0: Install Firebase CLI

In a terminal window, run

Step 1: Log in

In a terminal window from inside the project repo, run firebase login ← will open a browser window where you will authenticate with a Google account that has access to the project in Firebase

Step 2: Initialize your project

<aside> ⚠️ "Owner" permissions in Firebase is required to complete this step.

</aside>

Next, from the same terminal window, cd into tcl-xx-smart-shopping-list and run firebase init.

Choose the following at the prompts:

1. Which Firebase CLI features do you want to set up for this folder? → Hosting
2. Please select an option: → Use an existing project (assumes the project is already created in the Firebase console)
3. Scroll through the list to find the project and hit [Enter] to confirm
4. What do you want to use as your public directory? → build
5. Configure as a single-page app (rewrite all urls to /index.html)? → y