firebase-hosting-basics

作成者： firebase

Firebase Hosting（クラシック）を操作するためのスキル。静的ウェブアプリ、シングルページアプリ（SPA）、またはシンプルなマイクロサービスをデプロイしたい場合に使用します。使用してはいけません…

npx skills add https://github.com/firebase/skills --skill firebase-hosting-basics

ZIPダウンロード GitHub

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.

firebaseのその他のスキル

firebase-remote-config-basics

Firebase Remote Configの包括的なガイド。テンプレート管理とSDKの使用方法を含みます。ユーザーがRemote Configのセットアップ、機能フラグの管理、またはアプリの動作を動的に更新する際に、このスキルを使用してください。

officialdevelopmentapi

developing-genkit-dart

Dart向け統合AI SDK。コード生成、構造化出力、ツール、フロー、エージェントを実現。単一インターフェースで生成、ツール定義、フローオーケストレーション、埋め込み、ストリーミングのコアAPIを提供。LLMプロバイダー（Google Gemini、Anthropic Claude、OpenAI GPT）、Firebase AI、Model Context Protocol、Chromeブラウザ統合、Shelf経由のHTTPサーバーホスティング向け8以上のプラグインを含む。フロー実行、トレース、モデル実験などのためのローカル開発UIを備えた組み込みCLI。

developing-genkit-go

GoでGenkitを使用してAIを活用したアプリケーションを開発します。ユーザーがGenkitを使ってGoでAI機能、エージェント、フロー、ツールを構築するよう依頼した場合や、作業中に使用します。

developing-genkit-js

Genkitのフロー、ツール、マルチモデルサポートを使用して、AIを活用したNode.js/TypeScriptアプリケーションを構築します。Genkitはプロバイダーに依存せず、プラグインを介してGoogle AI、OpenAI、Anthropic、Ollama、その他のLLMプロバイダーをサポートします。Zodを使用して型安全なスキーマでフローを定義し、生成リクエストを実行し、TypeScriptでマルチステップのAIワークフローを構成します。Genkit CLI v1.29.0以上が必要です。最近の主要なAPI変更により、現在のパターンについては、以前の知識ではなく、genkit docs:readおよびcommon-errors.mdを参照する必要があります...

developing-genkit-python

PythonでGenkitを使用したAI搭載アプリケーションを開発します。ユーザーがGenkit、AIエージェント、フロー、またはPythonのツールについて質問した場合、またはGenkitに遭遇した場合に使用します…

firebase-ai-logic

クライアントサイドのGemini統合で、マルチモーダル推論、ストリーミング、デバイス上のハイブリッド実行を備えたウェブアプリ向け。テキストのみおよびマルチモーダル入力（画像、音声、動画、PDF）をサポート。20MBを超えるファイルはCloud Storage経由でルーティング。自動履歴付きチャットセッション、リアルタイム表示のためのストリーミング応答、構造化JSON出力の強制を含む。ChromeのGemini Nanoを介したデバイス上のハイブリッド推論を提供し、クラウド実行への自動フォールバックを備える。本番環境ではApp Checkが必要。

firebase-ai-logic-basics

Firebase AI Logic（Gemini API）をウェブアプリケーションに統合するための公式スキル。セットアップ、マルチモーダル推論、構造化出力、セキュリティをカバーします。

firebase-app-hosting-basics

Firebase App Hostingを使用して、Next.js、Angular、その他サポートされているフレームワークを用いたフルスタックWebアプリをデプロイおよび管理します。FirebaseプロジェクトがBlaze料金プランである必要があり、サーバーサイドレンダリング（SSR）およびインクリメンタル静的再生成（ISR）ワークフローをサポートします。バックエンド設定用のオプションのapphosting.yamlを伴うfirebase.json設定を介してデプロイするか、GitHub統合を通じて自動化された「git push to deploy」を有効にします。機密キーへの安全なアクセスのためのCLIコマンドによるシークレット管理を含みます。