skills.rest
ferrarifankid04
ferrarifankid04COMMUNITY
Explore all skills by this author →
GitHub

firebase-app-hosting-basics

Deploy and manage Next.js and Angular web apps using Firebase App Hosting.

Updated Aug 6, 2026
Search Tags:#deployment#angular#next.js#ssr#firebase#firebase-tools#app hosting
One-click install
npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill firebase-app-hosting-basics-ferrarifankid04
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firebase-app-hosting-basics
Source: https://github.com/ferrarifankid04/ai-skills-public/tree/main/antigravity/plugins/firebase/skills/firebase_app_hosting_basics
Command: npx skills add https://github.com/ferrarifankid04/ai-skills-public --skill firebase-app-hosting-basics-ferrarifankid04

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires firebase-tools, and includes references (resource) components.

What problem does it solve? Deploying full-stack web apps with server-side rendering requires configuring backends, secrets, and CI/CD pipelines, which is error-prone when done manually. This Skill guides the agent through deploying and managing Next.js and Angular apps on Firebase App Hosting with the Firebase CLI. ## Core Features & Use Cases - Deploy from Source: Configure firebase.json and apphosting.yaml, then deploy with firebase-tools deploy. - Secrets Management: Create and grant access to secrets in Cloud Secret Manager via apphosting:secrets commands. - Local Emulation: Test apps locally with the Firebase Emulator Suite using apphosting.emulator.yaml overrides. - Use Case: You have a Next.js app with SSR and API routes. Use this Skill to configure the backend, set an API key as a secret, and deploy it to Firebase App Hosting in one flow. ## Quick Start Deploy my Next.js app to Firebase App Hosting and set up the required backend configuration.

Frequently Asked Questions about firebase-app-hosting-basics

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Next.js app to Firebase App Hosting?▼

Configure an apphosting block in firebase.json with your backend ID, create an apphosting.yaml file, set any needed secrets with firebase-tools apphosting:secrets:set, then run npx -y firebase-tools@latest deploy.

Firebase Hosting vs App Hosting: which should I use?▼

Use Firebase Hosting for static sites and simple SPAs without SSR. Use App Hosting when you need server-side rendering or ISR with frameworks like Next.js or Angular, or want git push to deploy automation.

Does Firebase App Hosting require the Blaze plan?▼

Yes, App Hosting requires your Firebase project to be on the Blaze pay-as-you-go plan. You can upgrade through the Firebase console billing page before deploying.

How do I test Firebase App Hosting locally?▼

Run npx -y firebase-tools@latest emulators:start --only apphosting to serve your app locally on port 5004. Use apphosting.emulator.yaml to override secrets and config values for local testing.

How do I manage secrets for Firebase App Hosting?▼

Use npx -y firebase-tools@latest apphosting:secrets:set to create secrets in Cloud Secret Manager, then reference them in apphosting.yaml under the env section. Grant access with apphosting:secrets:grantaccess if needed.

Related Skills

Explore More Software Engineering Skills→
dasgltddasgltd
2

firebase-spark-deploy-workaround

Deploy static web apps to Firebase Hosting via GitHub Actions.

Community
Advanced
panaversitypanaversity

docusaurus-deployer

Automate Docusaurus site deployment to GitHub Pages with CI/CD workflows.

Official
Advanced
xbg-solutionsxbg-solutions

using-firebase

Guide Firebase projects through Firestore, Cloud Functions, hosting, and security workflows.

Official
Advanced
theslashdojotheslashdojo

hosting

Deploy static content to Firebase Hosting with preview channels and rewrites.

Official
Advanced