firebase avatar

Firebase Hosting Basics

Handles Firebase Hosting deployment for static sites and SPAs. Walks you through firebase.json configuration for redirects, rewrites, and headers, plus deployment commands and preview channels. The skill clearly distinguishes between classic Hosting and the newer App Hosting, which trips up a lot of people. It covers local emulation setup and gives you the exact CLI commands for testing and deployment. Good for straightforward static deployments where you want control over the build process, but skip it if you need SSR or full-stack framework features.

skills.sh installs
177.5K
GitHub stars
508
last updated
Aug 21, 2026

Install

$ npx -y skills add firebase/agent-skills --skill firebase-hosting-basics --agent claude-code

Installs into .claude/skills of the current project.

Files

hosting-basics

This skill provides instructions and references for working with Firebase Hosting, a fast and secure hosting service for your web app, static and dynamic content, and microservices.

Overview

Firebase Hosting provides production-grade web content hosting for developers. With a single command, you can deploy web apps and serve both static and dynamic content to a global CDN (content delivery network).

Key Features:

  • Fast Content Delivery: Files are cached on SSDs at CDN edges around the world.
  • Secure by Default: Zero-configuration SSL is built-in.
  • Preview Channels: View and test changes on temporary preview URLs before deploying live.
  • GitHub Integration: Automate previews and deploys with GitHub Actions.
  • Dynamic Content: Serve dynamic content and microservices using Cloud Functions or Cloud Run.

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:

Sponsors

Details

Repository
github.com/firebase/agent-skills
Categories
Frontend Development, Backend & APIs, AI & Agent Building, Databases

More from firebase/agent-skills

All 23
1firebase avatarfirebase-app-hosting-basicsfirebase/agent-skillsDeploys and manages full-stack web applications (Next.js, Angular) with Server-Side Rendering (SSR) using Firebase App Hosting. Use when deploying Next.js/Angul176.9Kskills.sh installs
2emilkowalski avatarask-sonneremilkowalski/skillsGuide to Sonner, the React toast library — install and wire up the Toaster, pick the right toast() call, promise and loading toasts, updating, dismissing and pe172.3Kskills.sh installs
3higgsfield-ai avatarhiggsfield-websiteshiggsfield-ai/skillsBuild, edit, and deploy full-stack websites via the Higgsfield CLI (`higgsfield website …`). Each site is a React 19 + TanStack Start SSR app in one Cloudflare 152.4Kskills.sh installs
4vercel-labs avatarvercel-optimizevercel-labs/agent-skillsUse for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics, usag126Kskills.sh installs
5emilkowalski avatarmobile-nativeemilkowalski/skillsMake a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers stic121.1Kskills.sh installs
6cloudflare avataragents-sdkcloudflare/skillsBuild AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MC118.9Kskills.sh installs