firebase-app-hosting

Configure, deploy, and troubleshoot Firebase App Hosting with Next.js.

Updated Oct 3, 2025
One-click install
npx skills add https://github.com/Just-mpm/LideraAI --skill firebase-app-hosting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: firebase-app-hosting
Source: https://github.com/Just-mpm/LideraAI/tree/main/.claude/skills/firebase-app-hosting
Command: npx skills add https://github.com/Just-mpm/LideraAI --skill firebase-app-hosting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides comprehensive guidance for configuring, deploying, and troubleshooting Firebase App Hosting when using Next.js and related frameworks. It helps teams set up apphosting.yaml, manage environment variables and secrets, and optimize Cloud Run deployment settings for reliable production environments.

Core Features & Use Cases

  • Setup and validation of apphosting.yaml for Next.js apps and other frameworks
  • Troubleshooting build/deploy failures, runtime errors, and environment issues
  • Secrets management and environment variable configuration using Cloud Secret Manager
  • Guidance on performance tuning and Cloud Run resource allocation for scalable hosting
  • Use cases: migrating a Next.js app to Firebase App Hosting, debugging a failed deployment, or securing production credentials

Quick Start

Start by running through the initial App Hosting setup: create apphosting.yaml, configure environment variables, add secrets via Cloud Secret Manager, and deploy to Firebase Hosting with Cloud Run backend.

Frequently Asked Questions about firebase-app-hosting

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

FAQPage Schema
How do I configure apphosting.yaml for a Next.js app on Firebase App Hosting?

To configure apphosting.yaml for Next.js, you define build settings, environment variables, and Cloud Run resource allocations. This file acts as the central configuration to manage your framework setup and production runtime environment.

How do I manage environment variables and secrets in Firebase App Hosting?

You manage environment variables and secrets in Firebase App Hosting by integrating Cloud Secret Manager. This approach secures your production credentials while making them accessible to your Next.js app during runtime and build processes.

Why does my Firebase App Hosting deployment fail during the production build?

Production build failures on Firebase App Hosting often stem from invalid apphosting.yaml configurations, missing lock files, or improperly referenced environment variables. Troubleshooting requires validating your settings and ensuring all dependencies are locked.

Can I tune Cloud Run resource allocation for my Firebase App Hosting backend?

Yes, you can tune Cloud Run resource allocation for Firebase App Hosting by adjusting settings within apphosting.yaml. This allows you to optimize CPU and memory configurations to achieve a scalable, production-grade Next.js environment.

Do I need lock files to deploy a Next.js app to Firebase App Hosting?

Yes, lock files are required for deploying Next.js apps to Firebase App Hosting. Their presence ensures consistent dependency resolution during the build process, preventing deployment failures caused by version mismatches.

What is the best way to migrate a Next.js app to Firebase App Hosting?

The best way to migrate a Next.js app to Firebase App Hosting involves creating an apphosting.yaml file, configuring environment variables via Cloud Secret Manager, and deploying the backend to Cloud Run for production-grade hosting.