firebase-app-hosting-basics

Menyebarkan dan mengelola aplikasi web full-stack dengan Firebase App Hosting menggunakan Next.js, Angular, dan framework lain yang didukung. Membutuhkan proyek Firebase dengan paket harga Blaze; mendukung alur kerja Server-Side Rendering (SSR) dan Incremental Static Regeneration (ISR). Menyebarkan melalui konfigurasi firebase.json dengan apphosting.yaml opsional untuk pengaturan backend, atau mengaktifkan "git push to deploy" otomatis melalui integrasi GitHub. Termasuk manajemen rahasia melalui perintah CLI untuk akses aman ke kunci sensitif...

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

App Hosting Basics

Description

This skill enables the agent to deploy and manage modern, full-stack web applications (Next.js, Angular, etc.) using Firebase App Hosting.

Important: In order to use App Hosting, your Firebase project must be on the Blaze pricing plan. Direct the user to https://console.firebase.google.com/project/_/overview?purchaseBillingPlan=metered to upgrade their plan.

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.

Deploying to App Hosting

Deploy from Source

This is the recommended flow for most users.

  1. Configure firebase.json with an apphosting block.
    {
      "apphosting": {
        "backendId": "my-app-id",
        "rootDir": "/",
        "ignore": [
          "node_modules",
          ".git",
          "firebase-debug.log",
          "firebase-debug.*.log",
          "functions"
        ]
      }
    }
    
  2. Create or edit apphosting.yaml- see Configuration for more information on how to do so.
  3. If the app needs safe access to sensitive keys, use npx -y firebase-tools@latest apphosting:secrets commands to set and grant access to secrets.
  4. Run npx -y firebase-tools@latest deploy when you are ready to deploy.

Automated deployment via GitHub (CI/CD)

Alternatively, set up a backend connected to a GitHub repository for automated deployments "git push" deployments. This is only recommended for more advanced users, and is not required to use App Hosting. See CLI Commands for more information on how to set this up using CLI commands.

Emulation

See Emulation for more information on how to test your app locally using the Firebase Local Emulator Suite.

Lebih banyak skill dari firebase

firebase-remote-config-basics
firebase
Panduan lengkap untuk Firebase Remote Config, termasuk pengelolaan template dan penggunaan SDK. Gunakan keterampilan ini saat pengguna membutuhkan bantuan dalam menyiapkan Remote Config, mengelola fitur flag, atau memperbarui perilaku aplikasi secara dinamis.
officialdevelopmentapi
developing-genkit-dart
firebase
SDK AI terpadu untuk Dart yang memungkinkan pembuatan kode, output terstruktur, alat, alur, dan agen. Menyediakan API inti untuk pembuatan, definisi alat, orkestrasi alur, embeddings, dan streaming dengan satu antarmuka. Mencakup 8+ plugin untuk penyedia LLM (Google Gemini, Anthropic Claude, OpenAI GPT), Firebase AI, Model Context Protocol, integrasi peramban Chrome, dan hosting server HTTP melalui Shelf. CLI bawaan dengan UI pengembangan lokal untuk eksekusi alur, penelusuran, eksperimen model, dan...
official
developing-genkit-go
firebase
Kembangkan aplikasi bertenaga AI menggunakan Genkit di Go. Gunakan saat pengguna meminta untuk membangun fitur AI, agen, alur, atau alat di Go menggunakan Genkit, atau saat bekerja…
official
developing-genkit-js
firebase
Bangun aplikasi Node.js/TypeScript bertenaga AI dengan alur, alat, dan dukungan multi-model Genkit. Genkit tidak bergantung pada penyedia; mendukung Google AI, OpenAI, Anthropic, Ollama, dan penyedia LLM lainnya melalui plugin. Tentukan alur dengan skema yang aman tipe menggunakan Zod, jalankan permintaan generasi, dan susun alur kerja AI multi-langkah dalam TypeScript. Membutuhkan Genkit CLI v1.29.0+; perubahan API besar baru-baru ini berarti Anda harus merujuk pada genkit docs:read dan common-errors.md untuk pola terkini, bukan pengetahuan sebelumnya...
official
developing-genkit-python
firebase
Kembangkan aplikasi bertenaga AI menggunakan Genkit di Python. Gunakan saat pengguna bertanya tentang Genkit, agen AI, alur, atau alat di Python, atau saat menemui Genkit…
official
firebase-ai-logic
firebase
Integrasi Gemini sisi klien untuk aplikasi web dengan inferensi multimodal, streaming, dan eksekusi hibrida di perangkat. Mendukung input teks saja dan multimodal (gambar, audio, video, PDF); file di atas 20 MB dialihkan melalui Cloud Storage. Menyertakan sesi obrolan dengan riwayat otomatis, respons streaming untuk tampilan real-time, dan penerapan output JSON terstruktur. Menawarkan inferensi hibrida di perangkat melalui Gemini Nano di Chrome, dengan fallback otomatis ke eksekusi cloud. Memerlukan App Check untuk produksi...
official
firebase-ai-logic-basics
firebase
Keterampilan resmi untuk mengintegrasikan Firebase AI Logic (Gemini API) ke dalam aplikasi web. Mencakup pengaturan, inferensi multimodal, keluaran terstruktur, dan keamanan.
official
firebase-auth-basics
firebase
Siapkan Firebase Authentication dengan beberapa penyedia identitas dan aturan akses data yang aman. Mendukung email/kata sandi, nomor telepon, anonim, penyedia gabungan (Google, Facebook, Twitter, GitHub, Microsoft, Apple), dan integrasi auth kustom. Setiap pengguna yang terautentikasi menerima ID unik dan token berbasis JWT (token ID berumur pendek dan token refresh berumur panjang) untuk mengakses layanan Firebase. Aktifkan penyedia melalui CLI untuk Google Sign In, anonim, dan email/kata sandi; gunakan Firebase Console...
official