Firebase应用托管基础教程：部署Next.js、Angular全栈应用与SSR/ISR配置指南

firebase-app-hosting-basics by firebase/agent-skills

2,800 周安装量

184 GitHub Stars

GitHub

安装命令

npx skills add https://github.com/firebase/agent-skills --skill firebase-app-hosting-basics

开发云服务开发运维

🇨🇳中文介绍

应用托管基础

描述

此技能使智能体能够使用 Firebase 应用托管来部署和管理现代全栈 Web 应用程序（Next.js、Angular 等）。

重要提示：为了使用应用托管，您的 Firebase 项目必须处于 Blaze 定价计划。引导用户访问 https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered 以升级其计划。

托管与应用托管

在以下情况选择 Firebase 托管：

您要部署静态站点（HTML/CSS/JS）。
您要部署简单的单页应用（React、Vue 等，无需 SSR）。
您希望通过 CLI 完全控制构建和部署过程。

在以下情况选择 Firebase 应用托管：

您正在使用受支持的全栈框架，如 Next.js 或 Angular。
您需要服务器端渲染（SSR）或增量静态再生（ISR）。
您希望实现零配置的自动化“git push 即部署”工作流。

部署到应用托管

从源代码部署

这是大多数用户推荐的流程。

在 firebase.json 中配置 apphosting 块。

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

广告位招租

在这里展示您的产品或服务

触达数万 AI 开发者，精准高效

联系我们

🇺🇸English

App Hosting Basics

Description

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

Configure firebase.json with an apphosting block.

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

Create or edit apphosting.yaml- see Configuration for more information on how to do so.
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.
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 for more information on how to set this up using CLI commands.

Emulation

See Emulation for more information on how to test your app locally using the Firebase Local Emulator Suite.

Weekly Installs

2.8K

Repository

firebase/agent-skills

GitHub Stars

184

First Seen

Feb 17, 2026

Security Audits

Gen Agent Trust HubPass SocketPass SnykPass

Installed on

gemini-cli2.6K

codex1.7K

opencode1.7K

github-copilot1.7K

amp1.7K

kimi-cli1.7K