skills.rest
nikegeorgian-stack
nikegeorgian-stackCOMMUNITY
Explore all skills by this author →
GitHub

firebase-app-hosting-basics

Deploys and manages SSR web applications on Firebase App Hosting.

Updated May 5, 2026
Search Tags:#ci/cd#deployment#next.js#secrets#ssr#firebase#app hosting
One-click install
npx skills add https://github.com/nikegeorgian-stack/otgruzka-tovara --skill firebase-app-hosting-basics-nikegeorgian-stack
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: firebase-app-hosting-basics
Source: https://github.com/nikegeorgian-stack/otgruzka-tovara/tree/main/.cursor/skills/firebase-app-hosting-basics
Command: npx skills add https://github.com/nikegeorgian-stack/otgruzka-tovara --skill firebase-app-hosting-basics-nikegeorgian-stack

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve? Deploying full-stack web applications with Server-Side Rendering requires configuring backends, secrets, and CI/CD pipelines, which is error-prone when done manually through the Firebase Console. ## Core Features & Use Cases - Deploy from Source: Configure firebase.json with an apphosting block and apphosting.yaml, then deploy Next.js or Angular apps with a single CLI command. - Secrets Management: Create and grant access to sensitive environment variables via Cloud Secret Manager using apphosting:secrets commands. - Local Emulation: Test your app locally with the Firebase Emulator Suite and apphosting.emulator.yaml overrides before deploying. - Use Case: You have a Next.js app with SSR and API keys. Use this Skill to configure apphosting.yaml, set secrets, and deploy to Firebase App Hosting on the Blaze plan. ## Quick Start Deploy my Next.js app to Firebase App Hosting and configure the required secrets and apphosting.yaml settings.

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?▼

Add an apphosting block to firebase.json with your backendId and rootDir, create an apphosting.yaml configuration file, set any needed secrets with the apphosting:secrets commands, then run npx firebase-tools deploy.

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

Use Firebase Hosting for static sites and simple SPAs without SSR where you control the build via CLI. Use App Hosting for full-stack frameworks like Next.js or Angular that need Server-Side Rendering, ISR, or git-push-to-deploy workflows.

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 creating a backend.

How do I manage secrets in Firebase App Hosting?▼

App Hosting stores secrets in Cloud Secret Manager. Run npx firebase-tools apphosting:secrets:set to create a secret, then reference it in apphosting.yaml under the env section using the secret key.

Can I test Firebase App Hosting locally before deploying?▼

Yes, run npx firebase-tools emulators:start --only apphosting to build and serve your app locally on port 5004. Use apphosting.emulator.yaml to override secrets and config values for local testing.

Related Skills

Explore More Software Engineering Skills→
involvexinvolvex
2

firebase-app-hosting-basics

Deploy and manage Next.js/Angular apps to Firebase App Hosting via firebase-tools.

Community
Intermediate
WhaleylawWhaleylaw

render-deployment-specialist

Deploy and troubleshoot web services and static sites on Render.com.

Community
Intermediate
no-problem-devno-problem-dev
5

firebase-emulator-workflow

Start, stop, and check status of Firebase Emulator Suite services.

Official
Intermediate
minh1609minh1609

firebase-hosting-basics

Configure and deploy Firebase Hosting for static web apps and SPAs.

Community
Intermediate