Firebase Hosting'i kullanmaya başlayın

Firebase Hosting, uygulamanızın statik öğelerini (HTML, CSS, JavaScript, medya dosyaları vb.) barındırmanın yanı sıra dinamik içerik sunmanın ve mikro hizmetleri barındırmanın hızlı, güvenli ve güvenilir bir yolunu sunar.

Üretim düzeyindeki barındırma hizmetimiz, küresel bir içerik yayınlama ağı (CDN) tarafından desteklenir. Hosting, varsayılan olarak içeriğinizi SSL üzerinden sunar ve web.app ile firebaseapp.com'de ek ücret ödemeden kendi özel alanınızla veya projenizin alt alan adlarında kullanılabilir.




Yapay zeka yardımı için aşağıdaki istemi yapay zeka destekli kodlama aracınıza (ör. Antigravity, Claude Code, Codex ve Cursor) kopyalayın. İstemi özelleştirebilir ve ajanın yanıtlarını yineleyebilirsiniz. Ayrıntılı yükleme bilgileri için Firebase aracı becerileri sayfasını ziyaret edin. 

Help me use Firebase in my app.
1. Make sure that **Firebase agent skills** are installed and updated. For Claude Code, Codex, or Cursor agents, help me install the Firebase plugin. For other agents, run `npx skills add firebase/agent-skills`.  Always try to use **Firebase agent skills** for Firebase-related tasks.
2. Help me use Firebase to host my web app. Set up my app to use Firebase, and then deploy my app.

Başlamadan önce

Firebase Hosting ayarlarını yapabilmeniz için Firebase projesi oluşturmanız gerekir.

1. adım: Firebase KSA'yı yükleyin

Firebase CLI belgelerini ziyaret ederek CLI'yı nasıl yükleyeceğinizi veya en son sürümüne nasıl güncelleyeceğinizi öğrenin.

2. adım: Projenizi başlatın

Yerel proje dosyalarınızı Firebase projenize bağlamak için yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

firebase init hosting

Proje başlatma sırasında, Firebase KSA istemlerinden:

  1. Yerel proje dizininize bağlanacak bir Firebase projesi seçin.

    Seçilen Firebase projesi, yerel proje dizininiz için "varsayılan" Firebase projenizdir. Yerel proje dizininize ek Firebase projeleri bağlamak için proje takma adları oluşturun.

  2. Herkese açık kök dizininiz olarak kullanılacak bir dizin belirtin.

    Bu dizin, index.html dosyanız ve Firebase Hosting'ye dağıtmak istediğiniz diğer tüm öğeler dahil olmak üzere herkese açık olarak sunulan tüm statik dosyalarınızı içerir.

    • Statik uygulamalar: Statik bir uygulama dağıtıyorsanız:

      • Herkese açık kök dizinin varsayılan adı public'dır.

      • Herkese açık kök dizininizi şimdi belirtebilir veya firebase.json yapılandırma dosyanızda daha sonra belirtebilirsiniz.

      • Varsayılanı seçerseniz ve public adlı bir dizininiz yoksa Firebase bu dizini sizin için oluşturur.

      • Herkese açık kök dizininizde geçerli bir index.html dosyası veya 404.html dosyası yoksa Firebase bunları sizin için oluşturur.

    • App Hosting'yi etkinleştirme: CLI, Next.js veya Angular Universal gibi bir SSR web çerçevesinin özelliklerini algılarsa bunun yerine Firebase App Hosting başlatmanızı önerebilir. App Hosting, tam yığın çerçeve uygulamaları için önerilen dağıtım çözümüdür. App Hosting kurulumuna devam edebilir veya yalnızca statik dağıtımlar için Hosting (klasik) ile devam edebilirsiniz.

  3. Siteniz için bir yapılandırma seçin.

    Tek sayfalık bir uygulama oluşturmayı seçerseniz Firebase sizin için otomatik olarak yeniden yazma yapılandırmaları ekler.

Firebase, ilk kullanıma hazırlama işleminin sonunda yerel uygulama dizininizin kök dizinine otomatik olarak iki dosya oluşturup ekler:

3. adım: Sitenize dağıtın

Sitenize dağıtım yapmak için yerel proje dizininizin kökünden aşağıdaki komutu çalıştırın:

firebase deploy --only hosting

Bu komut, Hosting içeriğinizi ve yapılandırmanızı aşağıdaki Firebase tarafından sağlanan alt alan adlarına dağıtır:

  • PROJECT_ID.web.app
  • PROJECT_ID.firebaseapp.com

Dağıtımlar ve sitenizi yerel olarak test etme hakkında daha fazla bilgi edinin.

Sonraki adımlar

Siteniz artık dünyayla paylaşılmaya hazır.