AutoGineer
Generated banner for Firebase Hosting Basics
Generated logo for Firebase Hosting Basics

Firebase Hosting Basics

Firebase (Google)OfficialCreated by Google LLCDistributed by Firebase (Google)

  • Skill
  • Tool integration
  • Cloud and DevOps
  • Apache-2.0
  • Low risk
Download ZIP

From the author

Deploys and configures classic Firebase Hosting for static websites, single-page apps (SPAs), and microservices. Use when deploying static sites/SPAs, setting up custom domains, configuring firebase.json hosting settings (redirects, rewrites, headers, multi-site), or managing preview channels. Don't use for Firebase App Hosting (Next.js/SSR), Auth, Firestore queries/rules, Data Connect, or Crashlytics.
— the description by Google LLC

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

Firebase Hosting provides a production-grade, secure, and fast CDN-backed service for hosting web applications. This skill covers the essential configuration of the firebase.json file, deployment procedures, and the use of preview channels for testing changes before they go live. It is designed for developers managing static sites, single-page applications, or microservices that require full control over the deployment process.

What it does

  • Configures hosting behavior via firebase.json including redirects, rewrites, and custom headers.
  • Deploys static content and SPAs to a global CDN.
  • Manages temporary preview channels for testing updates.
  • Supports local development and testing using the Firebase emulator.
  • Facilitates cloning versions from preview channels to live production sites.

When to use it

  • When deploying static HTML/CSS/JS websites.
  • When hosting SPAs that do not require server-side rendering.
  • When you need to define custom URL redirects or rewrites.
  • When you want to test site changes on a temporary URL before production deployment.

Advantages

  • Built-in zero-configuration SSL security.
  • Global content delivery via CDN for fast performance.
  • Granular control over deployment configuration.
  • Seamless integration with preview channels for safer release cycles.

Usage examples

“How do I deploy my static site to Firebase?”
The agent provides the command to run the deployment process using the Firebase CLI.
“How can I test my site changes before going live?”
The agent explains how to deploy to a temporary preview channel using a specific channel ID.
“How do I redirect a URL in my Firebase project?”
The agent shows how to add a redirect object to the hosting section of your firebase.json file.

Install

  1. Download the skill as a ZIP:

    https://mp-staging.autogineer.com/agent-skills/firebase/firebase-hosting-basics/download

  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip firebase-hosting-basics.zip -d .agents/skills

Documentation by Google LLC

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:

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

Instructions

1. Configuration (firebase.json)

For details on configuring Hosting behavior, including public directories, redirects, rewrites, and headers, see configuration.md.

2. Deploying

For instructions on deploying your site, using preview channels, and managing releases, see deploying.md.

3. Emulation

To test your app locally:

npx -y firebase-tools@latest emulators:start --only hosting

This serves your app at http://localhost:5000 by default.

Files

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Needs: Needs Node.js

Security

What our scanner noticed· Low risk

  • Instructions that use the network

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Google LLC
Publisher
Firebase (Google) (Official)
Distributed by
Firebase (Google)
Source
firebase/agent-skills · skills/firebase-hosting-basics · commit b76be96
Licence
Apache License 2.0 (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Google LLC or Firebase (Google).

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download firebase-hosting-basics.zip