skills.rest
MattSenter
MattSenterCOMMUNITY
Explore all skills by this author →
Website𝕏@MattSenterGitHub

senternet-site-firebase

Configures Firebase Hosting or App Hosting with custom domains, headers, and deploy scripts.

Updated May 8, 2026
Search Tags:#deployment#nextjs#vite#hosting#custom domain#dns#firebase
One-click install
npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-firebase-mattsenter
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: senternet-site-firebase
Source: https://github.com/MattSenter/senternet-site-skills/tree/main/.claude/skills/senternet-site-firebase
Command: npx skills add https://github.com/MattSenter/senternet-site-skills --skill senternet-site-firebase-mattsenter

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires firebase-tools.

What problem does it solve? Setting up Firebase hosting for a marketing site involves many error-prone manual steps: creating projects, writing firebase.json with correct caching and security headers, wiring custom domains with DNS records, and choosing between static Hosting and App Hosting for SSR. This Skill automates that entire workflow for both Vite and Next.js sites. ## Core Features & Use Cases - Dual-track setup: Detects the framework from .site-framework.json and configures Firebase Hosting (static CDN) for Vite sites or Firebase App Hosting (Cloud Run SSR) for Next.js sites. - Multi-environment projects: Creates and verifies $PREFIX-dev and $PREFIX-prod Firebase projects, writes .firebaserc, and adds deploy:dev/deploy:prod npm scripts. - Custom domain handoff: Walks through the Firebase domain flow, captures exact DNS records, and tracks state in .firebase-domain.json so re-runs are idempotent. - Use Case: You have a finished Next.js marketing site in a Turborepo monorepo. Run this Skill to create the App Hosting backend, enable required Google Cloud APIs, configure apphosting.yaml secrets, and connect www.yourdomain.com with apex redirect. ## Quick Start Set up Firebase hosting for this site with a production environment and connect the custom domain www.example.com.

Frequently Asked Questions about senternet-site-firebase

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

FAQPage Schema
How do I set up Firebase Hosting for a Vite React site?▼

Create Firebase projects with the Firebase CLI, then write a firebase.json with the build directory as public, SPA rewrites to index.html, immutable cache headers for hashed assets, and security headers. Add a deploy script that builds and runs firebase deploy --only hosting.

Firebase Hosting vs App Hosting for Next.js — which should I use?▼

Next.js sites with SSR should use Firebase App Hosting, which builds via Cloud Build and serves from Cloud Run connected to a git branch. Static Vite sites use standard Firebase Hosting. App Hosting requires a GitHub remote and does not read headers from firebase.json.

Does Firebase App Hosting support monorepos?▼

Yes, but only through a supported monorepo tool like Turborepo or Nx. A root package.json with workspaces alone fails at build time. Set the backend root directory to the app path (e.g. apps/site) and place apphosting.yaml in that directory.

Why is my Firebase custom domain stuck on pending verification?▼

DNS propagation and ACME certificate issuance take time after you add the records Firebase displays. Mark the domain status as pending-dns, continue with other setup steps, and re-check verification and SSL later rather than blocking the workflow.

What cache headers should Firebase Hosting use for static assets?▼

Use Cache-Control: public, max-age=31536000, immutable for hashed assets like JS, CSS, and images, since Vite fingerprints filenames on every build. HTML files should use max-age=3600 with must-revalidate so deploys propagate quickly.

Related Skills

Explore More Software Engineering Skills→
theslashdojotheslashdojo

gcloud

Install, configure, and run gcloud CLI commands for Google Cloud resources.

Official
Intermediate
childrentimechildrentime
1.0k

ping-indexnow

Notify Bing, Copilot, Yandex, and Naver of URL updates via IndexNow.

Community
Intermediate
jimmytardyjimmytardy

audit-seo-complet

Audit technical and editorial SEO across pages and locales.

Community
Intermediate
brainbrewlabsbrainbrewlabs
7

doc-publishing

Publishes documentation to GitHub Pages, Vercel, or Netlify from source docs and build outputs.

Official
Intermediate