App Hosting Basics

Description

Hosting vs App Hosting

• You are deploying a static site (HTML/CSS/JS).
• You are deploying a simple SPA (React, Vue, etc. without SSR).
• You want full control over the build and deploy process via CLI.

• You are using a supported full-stack framework like Next.js or Angular.
• You need Server-Side Rendering (SSR) or ISR.
• You want an automated "git push to deploy" workflow with zero configuration.

Deploying to App Hosting

Deploy from Source

1. Configure

   firebase.json

   with an

   apphosting

   block.
   json

   {
     "apphosting": {
       "backendId": "my-app-id",
       "rootDir": "/",
       "ignore": [
         "node_modules",
         ".git",
         "firebase-debug.log",
         "firebase-debug.*.log",
         "functions"
       ]
     }
   }

2. Create or edit

   apphosting.yaml

   - see Configuration for more information on how to do so.
3. If the app needs safe access to sensitive keys, use

   firebase apphosting:secrets

   commands to set and grant access to secrets.
4. Run

   firebase deploy

   when you are ready to deploy.

Automated deployment via GitHub (CI/CD)

Emulation