firebase-app-hosting-basics

tarafından firebase

Firebase App Hosting ile Next.js, Angular ve diğer desteklenen framework'leri kullanarak full-stack web uygulamaları dağıtın ve yönetin. Blaze fiyatlandırma planında bir Firebase projesi gerektirir; Sunucu Taraflı Render (SSR) ve Artımlı Statik Rejenerasyon (ISR) iş akışlarını destekler. Firebase.json yapılandırması ve isteğe bağlı apphosting.yaml ile backend kurulumu yaparak dağıtım yapın veya GitHub entegrasyonu aracılığıyla otomatik "git push ile dağıt" özelliğini etkinleştirin. Hassas anahtarlara güvenli erişim için CLI komutlarıyla gizli yönetimi içerir...

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.

firebase tarafından daha fazla skill

firebase-remote-config-basics
firebase
Firebase Remote Config için kapsamlı rehber; şablon yönetimi ve SDK kullanımını içerir. Kullanıcının Remote Config kurulumu, özellik bayraklarını yönetme veya uygulama davranışını dinamik olarak güncelleme konusunda yardıma ihtiyacı olduğunda bu beceriyi kullanın.
officialdevelopmentapi
developing-genkit-dart
firebase
We need to translate the given text from English to Turkish, preserving the name "developing-genkit-dart" if it appears, but it does not appear in the text. The text describes a unified AI SDK for Dart. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Unified AI SDK for Dart enabling code generation, structured outputs, tools, flows, and agents. Provides core APIs for generation, tool definition, flow orchestration, embeddings, and streaming with a single interface Includes 8+ plugins for LLM providers (Google Gemini, Anthropic Claude, OpenAI GPT), Firebase AI, Model Context Protocol, Chrome browser integration, and HTTP server hosting via Shelf Built-in CLI with local development UI for flow execution, tracing, model experimentation, and..." We need to translate accurately, preserving product names, protocol names, URLs, numbers, technical terms. So "Unified AI SDK for Dart" -> "Dart için Birleşik AI SDK'sı" but careful: "AI" is technical term, keep as AI.
official
developing-genkit-go
firebase
Go ile Genkit kullanarak yapay zeka destekli uygulamalar geliştirin. Kullanıcı Go'da Genkit ile AI özellikleri, ajanlar, akışlar veya araçlar oluşturmayı istediğinde veya bunlarla çalışırken kullanın.
official
developing-genkit-js
firebase
Genkit akışları, araçları ve çoklu model desteği ile AI destekli Node.js/TypeScript uygulamaları oluşturun. Genkit, sağlayıcıdan bağımsızdır; eklentiler aracılığıyla Google AI, OpenAI, Anthropic, Ollama ve diğer LLM sağlayıcılarını destekler. Zod ile tür güvenli şemalar kullanarak akışlar tanımlayın, üretim isteklerini yürütün ve TypeScript'te çok adımlı AI iş akışları oluşturun. Genkit CLI v1.29.0+ gerektirir; son büyük API değişiklikleri nedeniyle güncel kalıplar için önceki bilgilere değil, genkit docs:read ve common-errors.md dosyasına başvurmalısınız...
official
developing-genkit-python
firebase
Genkit kullanarak Python'da yapay zeka destekli uygulamalar geliştirin. Kullanıcı Python'da Genkit, AI ajanları, akışlar veya araçlar hakkında soru sorduğunda veya Genkit ile karşılaştığında kullanın…
official
firebase-ai-logic
firebase
We need to translate the given English text into Turkish, preserving the name "firebase-ai-logic" only if it appears in the source text. The source text does not contain that name; it's just the directory item type. So we translate the description only. The text is about client-side Gemini integration for web apps. We must preserve product names (Gemini, Gemini Nano, Chrome, Cloud Storage, App Check), protocol names, URLs (none), numbers (20 MB), and technical terms (multimodal inference, streaming, on-device hybrid execution, etc.). No extra commentary, no labels. Just the translation. Let's translate carefully: "Client-side Gemini integration for web apps with multimodal inference, streaming, and on-device hybrid execution." -> "Web uygulamaları için çok modlu çıkarım, akış ve cihaz üzerinde hibrit yürütme ile istemci tarafı Gemini entegrasyonu." "Supports text-only and multimodal inputs (images, audio, video, PDFs);
official
firebase-ai-logic-basics
firebase
Firebase AI Logic (Gemini API)'yi web uygulamalarına entegre etmek için resmi beceri. Kurulum, çok modlu çıkarım, yapılandırılmış çıktı ve güvenlik konularını kapsar.
official
firebase-auth-basics
firebase
Firebase Authentication'ı birden çok kimlik sağlayıcı ve güvenli veri erişim kuralları ile kurun. E-posta/şifre, telefon numarası, anonim, federasyon sağlayıcıları (Google, Facebook, Twitter, GitHub, Microsoft, Apple) ve özel kimlik doğrulama entegrasyonunu destekler. Her kimliği doğrulanmış kullanıcı, Firebase hizmetlerine erişmek için benzersiz bir kimlik ve JWT tabanlı token'lar (kısa ömürlü ID token'ları ve uzun ömürlü yenileme token'ları) alır. Google Sign In, anonim ve e-posta/şifre için CLI üzerinden sağlayıcıları etkinleştirin; Firebase Console'u kullanın...
official