App Hosting Basics

This skill enables the agent to deploy and manage modern, full-stack web applications (Next.js, Angular, etc.) using Firebase App Hosting.

Important: In order to use App Hosting, your Firebase project must be on the Blaze pricing plan.

Hosting vs App Hosting

Choose Firebase Hosting if:

• 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.

Choose Firebase App Hosting if:

• 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

This is the recommended flow for most users.

1. Configure firebase.json with an apphosting block:

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

2. Create or edit apphosting.yaml for configuration.
3. If the app needs safe access to sensitive keys, use npx -y firebase-tools@latest apphosting:secrets commands.
4. Run npx -y firebase-tools@latest deploy when you are ready to deploy.

Automated deployment via GitHub (CI/CD)

Set up a backend connected to a GitHub repository for automated "git push" deployments. This is recommended for advanced users and enables continuous deployment on every merge.

Emulation

To test your app locally using the Firebase Local Emulator Suite, run the emulators with your framework's dev server. Check the Firebase documentation for framework-specific emulation setup.

Mirrored from https://github.com/firebase/agent-skills — original author: firebase, license: Apache-2.0. This is an unclaimed mirror. Content and ownership transfer to the author when they claim this account.