firebase-app-hosting-basics
We need to translate the given text from English to Brazilian Portuguese. The text describes a skill for deploying and managing web apps with Firebase App Hosting. We must preserve product names, protocol names, URLs, numbers, technical terms. The name "firebase-app-hosting-basics" is not in the text, so we don't include it. We translate only the text inside <text>. No extra commentary. Let's translate: "Deploy and manage full-stack web apps with Firebase App Hosting using Next.js, Angular, and other supported frameworks." -> "Implante e gerencie aplicativos web full-stack com o Firebase App Hosting usando Next.js, Angular e outros frameworks compatíveis." "Requires Firebase project on Blaze pricing plan; supports Server-Side Rendering (SSR) and Incremental Static Regeneration (ISR) workflows" -> "Requer projeto Firebase no plano de preços Blaze; suporta fluxos de trabalho de Renderização no Servidor (SSR) e Regeneração Estática Incremental (ISR
npx skills add https://github.com/firebase/agent-skills --skill firebase-app-hosting-basicsApp 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.jsonwith anapphostingblock.{ "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:secretscommands to set and grant access to secrets. - Run
npx -y firebase-tools@latest deploywhen 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.