PaperclipOrg
Claude Agent Skill · by Firebase

Firebase App Hosting Basics

Handles the full deployment pipeline for Next.js and Angular apps on Firebase App Hosting, including SSR and ISR setups. Configures firebase.json with apphostin

Install
Terminal · npx
$npx skills add https://github.com/firebase/agent-skills --skill firebase-app-hosting-basics
Works with Paperclip

How Firebase App Hosting Basics fits into a Paperclip company.

Firebase App Hosting Basics drops into any Paperclip agent that handles this kind of work. Assign it to a specialist inside a pre-configured PaperclipOrg company and the skill becomes available on every heartbeat — no prompt engineering, no tool wiring.

S
SaaS FactoryPaired

Pre-configured AI company — 18 agents, 18 skills, one-time purchase.

$27$59
Explore pack
Source file
SKILL.md58 lines
Expand
---name: firebase-app-hosting-basicsdescription: Deploy and manage web apps with Firebase App Hosting. Use this skill when deploying Next.js/Angular apps with backends.--- # App Hosting Basics ## DescriptionThis 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. Direct the user to https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered to upgrade their 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.    ```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](references/configuration.md) for more information on how to do so.3. If the app needs safe access to sensitive keys, use `npx -y firebase-tools@latest apphosting:secrets` commands to set and grant access to secrets.4. Run `npx -y firebase-tools@latest deploy` when you are ready to deploy. ### Automated deployment via GitHub (CI/CD) Alternatively, set up a backend connected to a GitHub repository for automated deployments "git push" deployments.This is only recommended for more advanced users, and is not required to use App Hosting.See [CLI Commands](references/cli_commands.md) for more information on how to set this up using CLI commands. ## Emulation See [Emulation](references/emulation.md) for more information on how to test your app locally using the Firebase Local Emulator Suite.