If you are building server-rendered Angular or Next.js apps, check out next-generation Firebase App Hosting, a full-stack solution for modern web frameworks.
Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Firebase Hosting, uygulamanızın statik öğelerini (HTML, CSS, JavaScript, medya dosyaları vb.) barındırmanın yanı sıra dinamik içerik sunmak ve mikro hizmetleri barındırmak için hızlı, güvenli ve güvenilir bir yol sunar.
Üretim düzeyindeki barındırma hizmetimiz, küresel bir içerik dağıtım 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.
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 CLI istemlerinden:
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.
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.
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.
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, başlatma işleminin sonunda yerel uygulama dizininizin kökünde otomatik olarak iki dosya oluşturup ekler:
Proje yapılandırmanızı listeleyen bir firebase.json yapılandırma dosyası.
Bu dosya hakkında daha fazla bilgiyi barındırma davranışını yapılandırma sayfasında bulabilirsiniz.
Sitenizi iyileştirmeye devam edin. Yerel olarak test edin, değişiklikleri geçici bir önizleme URL'sinde paylaşın ve ardından canlı sitenize dağıtın. Bu adım adım açıklamalı kılavuzu inceleyin.
Diğer barındırma özellikleri hakkında bilgi edinin:
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2025-08-31 UTC."],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting gives you a fast, secure, and reliable way to host your\napp's static assets (HTML, CSS, JavaScript, media files, etc.) as well as to\n[serve dynamic content and host microservices](/docs/hosting/serverless-overview).\n\nOur production-grade hosting is backed by a global content delivery network\n(CDN). Hosting serves your content over SSL, by default, and can be used\nwith your own [custom domain](/docs/hosting/custom-domain) or on your project's\nsubdomains at no cost on `web.app` and `firebaseapp.com`.\n\nBefore you begin\n\nBefore you can set up Firebase Hosting, you need to\n[create a Firebase project](/docs/web/setup).\n\n**Step 1** : Install the Firebase CLI\n\nVisit the Firebase CLI documentation to learn how to\n[install the CLI](/docs/cli#install_the_firebase_cli) or\n[update to its latest version](/docs/cli#update-cli).\n\n**Step 2**: Initialize your project\n\nTo connect your local project files to your Firebase project, run the following\ncommand from the root of your local project directory: \n\n```\nfirebase init hosting\n```\n\nDuring project initialization, from the Firebase CLI prompts:\n\n1. **Select a Firebase project to connect to your local project directory.**\n\n The selected Firebase project is your \"default\" Firebase project for your\n local project directory. To connect additional Firebase projects to your\n local project directory, set up [project aliases](/docs/cli#project_aliases).\n2. **Specify a directory to use as your public root directory.**\n\n This directory contains all your publicly served static files, including your\n `index.html` file and any other assets that you want to deploy to\n Firebase Hosting.\n - The default for the public root directory is called `public`.\n\n - You can specify your public root directory now or you can\n [specify it later](/docs/hosting/full-config#public) in your\n `firebase.json` configuration file.\n\n - If you select the default and don't already have a directory called\n `public`, Firebase creates it for you.\n\n - If you don't already have a valid `index.html` file or `404.html` file in\n your public root directory, Firebase creates them for you.\n\n3. **Choose a configuration for your site.**\n\n If you select to make a one-page app, then Firebase automatically adds\n [rewrite configurations](/docs/hosting/full-config#rewrites) for you.\n\nAt the end of initialization, Firebase automatically creates and adds two files\nto the root of your local app directory:\n\n- A `firebase.json` configuration file that lists your project configuration.\n Learn more about this file on the\n [configure hosting behavior](/docs/hosting/full-config) page.\n\n- A `.firebaserc` file that stores your\n [project aliases](/docs/cli#project_aliases).\n\n**Step 3**: Deploy to your site\n\nTo deploy to your site, run the following command from the root of your local\nproject directory: \n\n```\nfirebase deploy --only hosting\n```\n| **Note:** By running this command with the `--only hosting` flag, you're only deploying your Hosting content and config. If you *also* want to [deploy other project resources or configurations](/docs/cli#partial_deploys) (like functions or database rules), run this command with a comma-separated list in the flag (for example, `--only hosting,functions`).\n\nThis command deploys your Hosting content and config to the following\nFirebase-provisioned subdomains:\n\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.web.app`\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.firebaseapp.com`\n\nLearn more about\n[deploys and even locally testing your site](/docs/hosting/test-preview-deploy).\n\nNext steps\n\nNow your site is ready to share with the world!\n\n- Continue to improve your site. Test locally, share changes at a temporary\n preview URL, then deploy to your live site. Follow this\n [step-by-step guide](/docs/hosting/test-preview-deploy).\n\n- Learn about further hosting capabilities:\n\n - [Configure hosting behavior](/docs/hosting/full-config)\n - [Connect a custom domain](/docs/hosting/custom-domain)\n - [Serve dynamic content and host microservices](/docs/hosting/serverless-overview)\n- Take a look at the full documentation for the [Firebase CLI](/docs/cli).\n\n- Prepare to launch your app:\n\n\n - Set up [budget\n alerts](/docs/projects/billing/avoid-surprise-bills#set-up-budget-alert-emails) for your project in the Google Cloud console.\n - Monitor the [*Usage and billing*\n dashboard](//console.firebase.google.com/project/_/usage) in the Firebase console to get an overall picture of your project's usage across multiple Firebase services. You can also visit the [Hosting *Usage*\n dashboard](//console.firebase.google.com/project/_/hosting/usage) for more detailed usage information.\n - Review the [Firebase launch checklist](/support/guides/launch-checklist)."]]
