- 扫描 ID：
- c40c9a15-65d7-4dd2-bc3c-3576379f9815已完成
- 提交的 URL：
- https://firebaseapp.com/已重定向
- 报告完成时间：
链接 · 找到 4 个
从页面中识别出的传出链接
| 链接 | 文本 |
|---|---|
| https://policies.google.com/technologies/cookies?hl=en | Learn more about how Google uses cookies. Opens in a new tab.Learn more |
| https://firebase.blog/ | Blog |
| https://firebase.blog/posts/2020/08/firebase-hosting-new-features | Learn more |
| https://developers.google.com/ |
JavaScript 变量 · 找到 38 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| GoogleDevelopersObject | object |
| DevsiteAppAuthorizedElements | object |
| DevsiteAppTenantCustomized | boolean |
| __globalAppLoader | object |
| DevsiteApp | object |
| __devsiteAppReadyResolver | function |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!DOCTYPE html><html lang="en" dir="ltr"><head>
<meta name="google-signin-client-id" content="721724668570-nbkv1cfusk7kk4eni4pjvepaus73b13t.apps.googleusercontent.com">
<meta name="google-signin-scope" content="profile email https://www.googleapis.com/auth/developerprofiles https://www.googleapis.com/auth/developerprofiles.award">
<meta property="og:site_name" content="Firebase">
<meta property="og:type" content="website"><meta name="theme-color" content="#a8c7fa"><meta charset="utf-8">
<meta content="IE=Edge" http-equiv="X-UA-Compatible">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/_pwa/firebase/manifest.json" crossorigin="use-credentials">
<link rel="preconnect" href="//www.gstatic.com" crossorigin="">
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin="">
<link rel="preconnect" href="//fonts.googleapis.com" crossorigin="">
<link rel="preconnect" href="//apis.google.com" crossorigin="">
<link rel="preconnect" href="//www.google-analytics.com" crossorigin=""><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap">
<link rel="stylesheet" href="//fonts.googleapis.com/css2?family=Material+Icons&family=Material+Symbols+Outlined&display=block"><link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/css/app.css">
<link rel="stylesheet" href="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/css/dark-theme.css" disabled="">
<link rel="shortcut icon" href="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/favicon.png">
<link rel="apple-touch-icon" href="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/touchicon-180.png"><link rel="canonical" href="https://firebase.google.com/products/hosting"><link rel="search" type="application/opensearchdescription+xml" title="Firebase" href="https://firebase.google.com/s/opensearch.xml">
<link rel="alternate" hreflang="en" href="https://firebase.google.com/products/hosting"><link rel="alternate" hreflang="x-default" href="https://firebase.google.com/products/hosting"><link rel="alternate" hreflang="ar" href="https://firebase.google.com/products/hosting?hl=ar"><link rel="alternate" hreflang="bn" href="https://firebase.google.com/products/hosting?hl=bn"><link rel="alternate" hreflang="zh-Hans" href="https://firebase.google.com/products/hosting?hl=zh-cn"><link rel="alternate" hreflang="zh-Hant" href="https://firebase.google.com/products/hosting?hl=zh-tw"><link rel="alternate" hreflang="fa" href="https://firebase.google.com/products/hosting?hl=fa"><link rel="alternate" hreflang="fr" href="https://firebase.google.com/products/hosting?hl=fr"><link rel="alternate" hreflang="de" href="https://firebase.google.com/products/hosting?hl=de"><link rel="alternate" hreflang="he" href="https://firebase.google.com/products/hosting?hl=he"><link rel="alternate" hreflang="hi" href="https://firebase.google.com/products/hosting?hl=hi"><link rel="alternate" hreflang="id" href="https://firebase.google.com/products/hosting?hl=id"><link rel="alternate" hreflang="it" href="https://firebase.google.com/products/hosting?hl=it"><link rel="alternate" hreflang="ja" href="https://firebase.google.com/products/hosting?hl=ja"><link rel="alternate" hreflang="ko" href="https://firebase.google.com/products/hosting?hl=ko"><link rel="alternate" hreflang="pl" href="https://firebase.google.com/products/hosting?hl=pl"><link rel="alternate" hreflang="pt-BR" href="https://firebase.google.com/products/hosting?hl=pt-br"><link rel="alternate" hreflang="pt" href="https://firebase.google.com/products/hosting?hl=pt"><link rel="alternate" hreflang="ru" href="https://firebase.google.com/products/hosting?hl=ru"><link rel="alternate" hreflang="es" href="https://firebase.google.com/products/hosting?hl=es"><link rel="alternate" hreflang="es-419" href="https://firebase.google.com/products/hosting?hl=es-419"><link rel="alternate" hreflang="th" href="https://firebase.google.com/products/hosting?hl=th"><link rel="alternate" hreflang="tr" href="https://firebase.google.com/products/hosting?hl=tr"><link rel="alternate" hreflang="vi" href="https://firebase.google.com/products/hosting?hl=vi"><title>Firebase</title>
<meta property="og:title" content="Firebase"><meta property="og:url" content="https://firebase.google.com/products/hosting"><meta property="og:locale" content="en"><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-64EQFFKSHW&l=atDataLayer&cx=c&gtm=45He4bc0v9183356566za200" nonce=""></script><script class="all-tenants" async="" src="//www.googletagmanager.com/gtm.js?id=GTM-NDV7K7V5&l=atDataLayer" nonce=""></script><script async="" src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/app_loader.js"></script><script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Article",
"headline": ""
}
</script>
<link rel="stylesheet" href="/extras.css"><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_app_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_app_custom_elements_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_header_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_a11y_announce_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_analytics_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_appearance_selector_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_badger_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_book_nav_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_bookmark_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_concierge_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_content_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_cookie_notification_bar_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_feature_tooltip_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_feedback_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_footer_linkboxes_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_footer_promos_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_footer_utility_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_heading_link_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_language_selector_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_notification_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_panel_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_progress_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_search_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_sitemask_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_snackbar_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_tabs_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_toc_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_tooltip_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_user_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_firebase_gtm_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_firebase_utm_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_badge_awarded_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_actions_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_dialog_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_fast_track_profile_creator_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_concierge_info_panel_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_concierge_ai_panel_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_spinner_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_mwc_module.js" nonce=""></script><script src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/devsite_devsite_related_entities_module.js" nonce=""></script><style type="text/css"></style></head>
<body class="viewport--tablet tenant--firebase color-scheme--light" template="landing" theme="firebase-icy-theme" type="article" appearance="light" layout="full" concierge="hide" ready="" style="--devsite-panel-height: 0px; --devsite-js-header-height: 48px; --devsite-cookie-bar-height: 129.75px;">
<devsite-progress id="app-progress"></devsite-progress>
<section class="devsite-wrapper">
<devsite-cookie-notification-bar><div class="glue-cookie-notification-bar" id="glue-cookie-notification-bar-1" aria-labelledby="glue-cookie-notification-bar-1-label" role="region" data-nosnippet="" tabindex="-1" style="font-size: 1rem;"><p class="glue-cookie-notification-bar__text"><span id="glue-cookie-notification-bar-1-label">firebase.google.com uses cookies from Google to deliver and enhance the quality of its services and to analyze traffic. </span><a href="https://policies.google.com/technologies/cookies?hl=en" class="glue-cookie-notification-bar__more" rel="noopener" aria-describedby="glue-cookie-notification-bar-1-label" target="_blank" aria-label="Learn more about how Google uses cookies. Opens in a new tab.">Learn more</a>.</p><button class="glue-cookie-notification-bar__accept">OK, got it</button></div><!----></devsite-cookie-notification-bar><devsite-header role="banner" keep-tabs-visible="" fixed="" no-lower-row="" top-row--height="48" bottom-row--height="0" bottom-tabs--height="0" bottom-row--hidden="" style="--devsite-js-top-row--height: 48px; --devsite-js-bottom-row--height: 0px; --devsite-js-bottom-tabs--height: 0px;">
<div class="devsite-header--inner nocontent">
<div class="devsite-top-logo-row-wrapper-wrapper">
<div class="devsite-top-logo-row-wrapper">
<div class="devsite-top-logo-row">
<button type="button" id="devsite-hamburger-menu" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Navigation menu button" aria-label="Open menu">
</button>
<div class="devsite-product-name-wrapper">
<a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="firebase" track-metadata-position="nav" track-metadata-eventdetail="nav">
<picture>
<source srcset="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup.svg" media="(prefers-color-scheme: none)" class="devsite-dark-theme" alt="Firebase">
<img src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup.svg" class="devsite-site-logo" alt="Firebase">
</picture>
</a>
<span class="devsite-product-name">
<ul class="devsite-breadcrumb-list">
<li class="devsite-breadcrumb-item
">
</li>
</ul>
</span>
</div>
<div class="devsite-top-logo-row-middle">
<div class="devsite-header-upper-tabs">
<devsite-tabs class="upper-tabs" connected="" style="">
<nav class="devsite-tabs-wrapper" aria-label="Upper tabs">
<tab class="devsite-dropdown">
<a href="https://firebase.google.com/products-build" track-metadata-eventdetail="https://firebase.google.com/products-build" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - build" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Build" track-name="build">
Build
</a>
<a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Build" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products-build" track-metadata-position="nav - build" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Build" track-name="build" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a>
<div class="devsite-tabs-dropdown" aria-label="submenu" hidden="">
<div class="devsite-tabs-dropdown-content">
<div class="devsite-tabs-dropdown-column
firebase-dropdown firebase-dropdown--primary firebase-build">
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-title" role="heading" tooltip="">Build</li>
<li class="devsite-nav-description">Get to market quickly and securely with products that can scale globally
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products-build" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products-build" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build" tooltip="">
<div class="devsite-nav-item-title">
Go to Build
</div>
</a>
</li>
</ul>
</div>
<div class="devsite-tabs-dropdown-column
firebase-dropdown firebase-dropdown--secondary firebase-build">
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-title" role="heading" tooltip="">Build Products</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/app-check" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/app-check" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
App Check
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/app-hosting" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/app-hosting" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
App Hosting
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/auth" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/auth" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Authentication
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/functions" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/functions" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Cloud Functions
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/storage" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/storage" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Cloud Storage
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/data-connect" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/data-connect" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Data Connect
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/extensions" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/extensions" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Extensions
</div>
</a>
</li>
</ul>
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/ml" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/ml" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Firebase ML
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/firestore" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/firestore" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Firestore
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/genkit" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/genkit" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Genkit
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/hosting" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/hosting" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Hosting
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/realtime-database" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/realtime-database" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Realtime Database
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/vertex-ai-in-firebase" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/vertex-ai-in-firebase" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Vertex AI in Firebase
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/generative-ai" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/generative-ai" track-metadata-position="nav - build" track-metadata-module="tertiary nav" track-metadata-module_headline="build products" tooltip="">
<div class="devsite-nav-item-title">
Generative AI
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</tab>
<tab class="devsite-dropdown">
<a href="https://firebase.google.com/products-run" track-metadata-eventdetail="https://firebase.google.com/products-run" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - run" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Run" track-name="run">
Run
</a>
<a href="#" role="button" aria-haspopup="true" aria-expanded="false" aria-label="Dropdown menu for Run" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products-run" track-metadata-position="nav - run" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Run" track-name="run" class="devsite-tabs-dropdown-toggle devsite-icon devsite-icon-arrow-drop-down"></a>
<div class="devsite-tabs-dropdown" aria-label="submenu" hidden="">
<div class="devsite-tabs-dropdown-content">
<div class="devsite-tabs-dropdown-column
firebase-dropdown firebase-dropdown--primary firebase-run">
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-title" role="heading" tooltip="">Run</li>
<li class="devsite-nav-description">Run your app with confidence and deliver the best experience for your users
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products-run" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products-run" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run" tooltip="">
<div class="devsite-nav-item-title">
Go to Run
</div>
</a>
</li>
</ul>
</div>
<div class="devsite-tabs-dropdown-column
firebase-dropdown firebase-dropdown--secondary">
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-title" role="heading" tooltip="">Run Products</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/ab-testing" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/ab-testing" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
A/B Testing
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/app-distribution" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/app-distribution" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
App Distribution
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/cloud-messaging" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/cloud-messaging" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Cloud Messaging
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/crashlytics" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/crashlytics" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Crashlytics
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/analytics" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/analytics" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Google Analytics
</div>
</a>
</li>
</ul>
<ul class="devsite-tabs-dropdown-section
">
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/in-app-messaging" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/in-app-messaging" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
In-App Messaging
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/performance" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/performance" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Performance Monitoring
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/remote-config" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/remote-config" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Remote Config
</div>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.google.com/products/test-lab" track-type="nav" track-metadata-eventdetail="https://firebase.google.com/products/test-lab" track-metadata-position="nav - run" track-metadata-module="tertiary nav" track-metadata-module_headline="run products" tooltip="">
<div class="devsite-nav-item-title">
Test Lab
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
</tab>
<tab class="">
<a href="https://firebase.google.com/pricing" track-metadata-eventdetail="https://firebase.google.com/pricing" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - pricing" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Pricing" track-name="pricing">
Pricing
</a>
</tab>
<tab class="">
<a href="https://firebase.google.com/docs/hosting" track-metadata-eventdetail="https://firebase.google.com/docs/hosting" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - docs" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Docs" track-name="docs">
Docs
</a>
</tab>
<tab class="">
<a href="https://firebase.blog/" track-metadata-eventdetail="https://firebase.blog/" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - blog" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog">
Blog
</a>
</tab>
<tab class="">
<a href="https://firebase.google.com/support" track-metadata-eventdetail="https://firebase.google.com/support" class="devsite-tabs-content gc-analytics-event " track-type="nav" track-metadata-position="nav - support" track-metadata-module="primary nav" data-category="Site-Wide Custom Events" data-label="Tab: Support" track-name="support">
Support
</a>
</tab>
<tab class="devsite-overflow-tab" hidden=""><!---->
<a href="#" class="devsite-icon devsite-icon-arrow-drop-down" aria-label="Extended Navigation"><!--?lit$799499456$-->More</a>
<div class="devsite-tabs-overflow-menu" hidden="" scrollbars="">
</div>
</tab></nav>
<!----></devsite-tabs>
</div>
<devsite-search enable-signin="" enable-search="" enable-suggestions="" enable-query-completion="" project-name="Firebase" tenant-name="Firebase">
<form class="devsite-search-form" action="https://firebase.google.com/s/results" method="GET">
<div class="devsite-search-container">
<button type="button" search-open="" class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Open search"></button>
<div class="devsite-searchbox">
<input aria-activedescendant="" aria-autocomplete="list" aria-label="Search" aria-expanded="false" aria-haspopup="listbox" autocomplete="off" class="devsite-search-field devsite-search-query" name="q" placeholder="Search" role="combobox" type="text" value="" aria-controls="devsite-search-popout-container-id-1">
<div class="devsite-search-image material-icons" aria-hidden="true">
</div>
<div class="devsite-search-shortcut-icon-container" aria-hidden="true">
<kbd class="devsite-search-shortcut-icon">/</kbd>
</div>
</div>
</div>
<div class="devsite-popout" id="devsite-search-popout-container-id-1"><div class="devsite-popout-result devsite-suggest-results-container" devsite-hide=""></div></div></form>
<button type="button" search-close="" class="devsite-search-button devsite-header-icon-button button-flat material-icons" aria-label="Close search"></button>
</devsite-search>
<div class="devsite-search-background" style="opacity: 1;"></div></div>
<devsite-appearance-selector></devsite-appearance-selector>
<devsite-language-selector aria-label="Select your language preference.">
<ul role="presentation">
<li role="presentation">
<a role="menuitem" lang="en" href="https://firebase.google.com/products/hosting/" aria-current="true">English</a>
</li>
<li role="presentation">
<a role="menuitem" lang="de" href="https://firebase.google.com/products/hosting/?hl=de">Deutsch</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es" href="https://firebase.google.com/products/hosting/?hl=es">Español</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es-419" href="https://firebase.google.com/products/hosting/?hl=es-419">Español – América Latina</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fr" href="https://firebase.google.com/products/hosting/?hl=fr">Français</a>
</li>
<li role="presentation">
<a role="menuitem" lang="id" href="https://firebase.google.com/products/hosting/?hl=id">Indonesia</a>
</li>
<li role="presentation">
<a role="menuitem" lang="it" href="https://firebase.google.com/products/hosting/?hl=it">Italiano</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pl" href="https://firebase.google.com/products/hosting/?hl=pl">Polski</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt" href="https://firebase.google.com/products/hosting/?hl=pt">Português</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt-br" href="https://firebase.google.com/products/hosting/?hl=pt-br">Português – Brasil</a>
</li>
<li role="presentation">
<a role="menuitem" lang="vi" href="https://firebase.google.com/products/hosting/?hl=vi">Tiếng Việt</a>
</li>
<li role="presentation">
<a role="menuitem" lang="tr" href="https://firebase.google.com/products/hosting/?hl=tr">Türkçe</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ru" href="https://firebase.google.com/products/hosting/?hl=ru">Русский</a>
</li>
<li role="presentation">
<a role="menuitem" lang="he" href="https://firebase.google.com/products/hosting/?hl=he">עברית</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ar" href="https://firebase.google.com/products/hosting/?hl=ar">العربيّة</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fa" href="https://firebase.google.com/products/hosting/?hl=fa">فارسی</a>
</li>
<li role="presentation">
<a role="menuitem" lang="hi" href="https://firebase.google.com/products/hosting/?hl=hi">हिंदी</a>
</li>
<li role="presentation">
<a role="menuitem" lang="bn" href="https://firebase.google.com/products/hosting/?hl=bn">বাংলা</a>
</li>
<li role="presentation">
<a role="menuitem" lang="th" href="https://firebase.google.com/products/hosting/?hl=th">ภาษาไทย</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh-cn" href="https://firebase.google.com/products/hosting/?hl=zh-cn">中文 – 简体</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh-tw" href="https://firebase.google.com/products/hosting/?hl=zh-tw">中文 – 繁體</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ja" href="https://firebase.google.com/products/hosting/?hl=ja">日本語</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ko" href="https://firebase.google.com/products/hosting/?hl=ko">한국어</a>
</li>
</ul>
</devsite-language-selector>
<a class="devsite-header-link devsite-top-button button gc-analytics-event" href="//console.firebase.google.com" data-category="Site-Wide Custom Events" data-label="Site header link">
Go to console
</a>
<devsite-user enable-profiles="" fp-auth="" id="devsite-user" sign-in-url="https://firebase.google.com/_d/signin?continue=https%3A%2F%2Ffirebase.google.com%2Fproducts%2Fhosting%2F&prompt=select_account" sign-out-url="https://firebase.google.com/_d/signout?continue=https%3A%2F%2Ffirebase.google.com%2Fproducts%2Fhosting%2F" url="https://firebase.google.com/_d/signout?continue=https%3A%2F%2Ffirebase.google.com%2Fproducts%2Fhosting%2F"><div class="ogb-wrapper ogb-si"><a href="https://firebase.google.com/_d/signin?continue=https%3A%2F%2Ffirebase.google.com%2Fproducts%2Fhosting%2F&prompt=select_account" id="devsite-signin-btn" class="devsite-user-signin button devsite-top-button" track-type="globalNav" track-name="signIn" track-metadata-eventdetail="nav" track-metadata-position="nav">
Sign in
</a></div></devsite-user>
</div>
</div>
</div>
<div class="devsite-collapsible-section
devsite-header-no-lower-tabs
" style="transform: translate3d(0px, 0px, 0px);">
<div class="devsite-header-background">
</div>
</div>
</div>
</devsite-header>
<div class="devsite-book-nav-bg" hidden="" fixed=""></div><devsite-book-nav scrollbars="" hidden="" fixed="" top-level-nav="" style="--devsite-book-nav-max-height: 552px; top: 48px;">
<div class="devsite-book-nav-filter" hidden="">
<span class="filter-list-icon material-icons" aria-hidden="true"></span>
<input type="text" placeholder="Filter" aria-label="Type to filter" role="searchbox">
<span class="filter-clear-button hidden" data-title="Clear filter" aria-label="Clear filter" role="button" tabindex="0"></span>
</div>
<nav class="devsite-book-nav devsite-nav nocontent" aria-label="Side menu">
<div class="devsite-mobile-header">
<button type="button" id="devsite-close-nav" class="devsite-header-icon-button button-flat material-icons gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Close navigation" aria-label="Close navigation">
</button>
<div class="devsite-product-name-wrapper">
<a href="/" class="devsite-site-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Site logo" track-type="globalNav" track-name="firebase" track-metadata-position="nav" track-metadata-eventdetail="nav">
<picture>
<source srcset="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup.svg" media="(prefers-color-scheme: none)" class="devsite-dark-theme" alt="Firebase">
<img src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup.svg" class="devsite-site-logo" alt="Firebase">
</picture>
</a>
<span class="devsite-product-name">
<ul class="devsite-breadcrumb-list">
<li class="devsite-breadcrumb-item
">
</li>
</ul>
</span>
</div>
</div>
<div class="devsite-book-nav-wrapper">
<div class="devsite-mobile-nav-top">
<ul class="devsite-nav-list">
<li class="devsite-nav-item">
<a href="/products-build" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Build" track-name="build" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Build
</span>
</a>
<ul class="devsite-nav-responsive-tabs devsite-nav-has-menu
">
<li class="devsite-nav-item">
<span class="devsite-nav-title" tooltip="" data-category="Site-Wide Custom Events" data-label="Tab: Build" track-name="build">
<span class="devsite-nav-text" tooltip="" menu="Build">
More
</span>
<span class="devsite-nav-icon material-icons" data-icon="forward" menu="Build">
</span>
</span>
</li>
</ul>
</li>
<li class="devsite-nav-item">
<a href="/products-run" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Run" track-name="run" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Run
</span>
</a>
<ul class="devsite-nav-responsive-tabs devsite-nav-has-menu
">
<li class="devsite-nav-item">
<span class="devsite-nav-title" tooltip="" data-category="Site-Wide Custom Events" data-label="Tab: Run" track-name="run">
<span class="devsite-nav-text" tooltip="" menu="Run">
More
</span>
<span class="devsite-nav-icon material-icons" data-icon="forward" menu="Run">
</span>
</span>
</li>
</ul>
</li>
<li class="devsite-nav-item">
<a href="/pricing" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Pricing" track-name="pricing" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Pricing
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/docs/hosting" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Docs" track-name="docs" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Docs
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="https://firebase.blog/" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Blog" track-name="blog" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Blog
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/support" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Tab: Support" track-name="support" track-type="globalNav" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Support
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="//console.firebase.google.com" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Go to console" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Go to console
</span>
</a>
</li>
</ul>
</div>
<div class="devsite-mobile-nav-bottom">
<ul class="devsite-nav-list" menu="Build" aria-label="Side menu" hidden="">
<li class="devsite-nav-item devsite-nav-heading">
<span class="devsite-nav-title" tooltip="">
<span class="devsite-nav-text" tooltip="">
Build
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/products-build" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Go to Build" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Go to Build
</span>
</a>
</li>
<li class="devsite-nav-item devsite-nav-heading">
<span class="devsite-nav-title" tooltip="">
<span class="devsite-nav-text" tooltip="">
Build Products
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/products/app-check" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: App Check" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
App Check
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/app-hosting" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: App Hosting" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
App Hosting
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/auth" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Authentication" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Authentication
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/functions" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Cloud Functions" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Cloud Functions
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/storage" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Cloud Storage" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Cloud Storage
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/data-connect" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Data Connect" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Data Connect
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/extensions" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Extensions" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Extensions
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/ml" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Firebase ML" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Firebase ML
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/firestore" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Firestore" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Firestore
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/genkit" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Genkit" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Genkit
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/hosting" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Hosting" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Hosting
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/realtime-database" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Realtime Database" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Realtime Database
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/vertex-ai-in-firebase" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Vertex AI in Firebase" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Vertex AI in Firebase
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/generative-ai" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Generative AI" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Generative AI
</span>
</a>
</li>
</ul>
<ul class="devsite-nav-list" menu="Run" aria-label="Side menu" hidden="">
<li class="devsite-nav-item devsite-nav-heading">
<span class="devsite-nav-title" tooltip="">
<span class="devsite-nav-text" tooltip="">
Run
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/products-run" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Go to Run" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Go to Run
</span>
</a>
</li>
<li class="devsite-nav-item devsite-nav-heading">
<span class="devsite-nav-title" tooltip="">
<span class="devsite-nav-text" tooltip="">
Run Products
</span>
</span>
</li>
<li class="devsite-nav-item">
<a href="/products/ab-testing" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: A/B Testing" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
A/B Testing
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/app-distribution" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: App Distribution" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
App Distribution
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/cloud-messaging" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Cloud Messaging" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Cloud Messaging
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/crashlytics" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Crashlytics" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Crashlytics
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/analytics" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Google Analytics" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Google Analytics
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/in-app-messaging" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: In-App Messaging" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
In-App Messaging
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/performance" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Performance Monitoring" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Performance Monitoring
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/remote-config" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Remote Config" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Remote Config
</span>
</a>
</li>
<li class="devsite-nav-item">
<a href="/products/test-lab" class="devsite-nav-title gc-analytics-event
" data-category="Site-Wide Custom Events" data-label="Responsive Tab: Test Lab" track-type="navMenu" track-metadata-eventdetail="globalMenu" track-metadata-position="nav">
<span class="devsite-nav-text" tooltip="">
Test Lab
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</devsite-book-nav><div class="devsite-book-nav-blur" hidden="" fixed="" style="--devsite-js-book-nav-scrollbar-width: 0px;"></div><button class="devsite-book-nav-toggle" aria-haspopup="menu" hidden="" fixed="" aria-label="Hide side navigation" data-title="Hide side navigation" aria-expanded="true"><span class="material-icons devsite-book-nav-toggle-icon"></span></button>
<section id="gc-wrapper" style="margin-top: 48px;">
<main role="main" class="devsite-main-content">
<devsite-content>
<article class="devsite-article"><style>
/* Styles inlined from /styles/hosting.css */
/* ----------------- *
* Default Variables *
* ----------------- */
.firebase-hosting-button {
--hosting-button-font: 500 20px/56px 'Google Sans';
}
.firebase-hosting-hero-row,
.firebase-hosting-coverage-row,
.firebase-hosting-stats-row,
.firebase-hosting-cta-row {
--hosting-blue: #1a73e8;
}
.firebase-hosting-hero-row,
.firebase-hosting-steps-row,
.firebase-hosting-animation-row,
.firebase-hosting-coverage-row,
.firebase-hosting-cloud-row,
.firebase-hosting-highlights-row,
.firebase-hosting-learn-row,
.firebase-hosting-stats-row,
.firebase-hosting-features-row,
.firebase-hosting-features-button-row,
.firebase-hosting-cta-row {
--hosting-content-width: 1248px;
--hosting-description-font: 400 16px/24px 'Roboto';
--hosting-primary-header-font: 500 44px/58px 'Google Sans';
--hosting-secondary-header-font: 500 22px/26px 'Google Sans';
--hosting-section-bottom-padding: 100px;
}
.firebase-hosting-hero-row {
--hosting-hero-header-font: 500 52px/58px 'Google Sans';
--hosting-hero-padding-top: 140px;
}
.firebase-hosting-steps-row {
--hosting-step-margin-inline: auto;
--hosting-step-max-width: 300px;
}
.firebase-hosting-coverage-row {
--hosting-coverage-list-margin-right: 200px;
--hosting-coverage-margin-left: -120px;
--hosting-coverage-padding: 0 0 0 50px;
}
.firebase-hosting-stats-row {
--hosting-stats-figure-margin-bottom: 24px;
--hosting-stats-img-size: 200px;
--hosting-stats-primary-font: 700 52px/68px 'Google Sans';
--hosting-stats-row-padding: 100px 0;
--hosting-stats-secondary-font: 500 24px/24px 'Google Sans';
}
.firebase-hosting-steps-row,
.firebase-hosting-highlights-row {
--hosting-icon-size: 88px;
}
.firebase-hosting-steps-row,
.firebase-hosting-highlights-row,
.firebase-hosting-learn-row,
.firebase-hosting-features-row {
--hosting-text-align: center;
}
@media screen and (max-width: 1300px) {
.firebase-hosting-coverage-row {
--hosting-coverage-list-margin-right: 12vw;
--hosting-coverage-margin-left: -6vw;
}
}
@media screen and (max-width: 600px) {
.firebase-hosting-button {
--hosting-button-font: 500 14px/52px 'Google Sans';
}
.firebase-hosting-hero-row .button,
.firebase-hosting-cta-button-row .button {
margin-inline: auto !important; /* Center button on mobile */
}
.firebase-hosting-hero-row,
.firebase-hosting-steps-row,
.firebase-hosting-animation-row,
.firebase-hosting-coverage-row,
.firebase-hosting-cloud-row,
.firebase-hosting-highlights-row,
.firebase-hosting-learn-row,
.firebase-hosting-stats-row,
.firebase-hosting-features-row,
.firebase-hosting-features-button-row,
.firebase-hosting-cta-row {
--hosting-description-font: 400 14px/22px 'Roboto';
--hosting-primary-header-font: 500 32px/38px 'Google Sans';
--hosting-secondary-header-font: 500 22px/26px 'Google Sans';
--hosting-section-bottom-padding: 72px;
}
.firebase-hosting-hero-row {
--hosting-hero-header-font: 500 30px/34px 'Google Sans';
text-align: center;
--hosting-hero-padding-top: 0;
}
.firebase-hosting-steps-row {
--hosting-step-margin-inline: unset;
--hosting-step-max-width: unset;
}
.firebase-hosting-steps-row .devsite-landing-row-item-description {
margin-bottom: 16px !important;
}
.firebase-hosting-coverage-row {
--hosting-coverage-list-margin-right: 200px;
--hosting-coverage-margin-left: auto;
--hosting-coverage-padding: 6vw;
}
.firebase-hosting-stats-row .devsite-landing-row-group {
grid-template-columns: auto !important; /* Make one item per row */
}
.firebase-hosting-stats-row {
--hosting-stats-figure-margin-bottom: 0;
--hosting-stats-img-size: 100px;
--hosting-stats-primary-font: 700 32px/68px 'Google Sans';
--hosting-stats-row-padding: 36px 0;
--hosting-stats-secondary-font: 500 16px/24px 'Google Sans';
}
.firebase-hosting-stats:not(:last-child),
.firebase-hosting-learn:not(:last-child) {
margin-bottom: 24px;
}
.firebase-hosting-highlights-row {
--hosting-icon-size: unset;
}
.firebase-hosting-steps-row,
.firebase-hosting-highlights-row,
.firebase-hosting-learn-row,
.firebase-hosting-features-row {
--hosting-text-align: unset;
}
}
.firebase-hosting-button {
font: var(--hosting-button-font);
height: 56px;
width: 220px;
}
.devsite-landing-row-item-image {
background: transparent !important;
max-width: 650px;
}
.devsite-landing-row:not([background]) {
background-color: transparent !important;
}
/* ---------------- *
* Dark mode styles *
* ---------------- */
:root {
--hosting-bg-color: #fff;
--hosting-link-blue: #0b57d0;
--hosting-secondary-text-color: var(--tenant-secondary-text-color);
}
.color-scheme--dark {
--hosting-bg-color: #112537;
--hosting-link-blue: #7EC5EA;
--hosting-secondary-text-color: #fff;
background: var(--hosting-bg-color);
.firebase-hosting-hero-row,
.firebase-hosting-coverage-row,
.firebase-hosting-stats-row,
.firebase-hosting-cta-row {
--hosting-blue: #fff;
}
.devsite-main-content img {
filter: unset;
}
.firebase-hosting-cta-row {
background: none;
}
.firebase-hosting-button {
background-color: transparent;
color: var(--hosting-link-blue);
}
.firebase-hosting-button.button-primary {
background-color: #fafafa;
color: var(--hosting-bg-color);
}
.firebase-hosting-learn-row h3 {
color: #fff;
}
}
/* ---- *
* Hero *
* ---- */
.firebase-hosting-hero-row {
background: bottom / cover no-repeat url(/images/products/hosting/hero-background.png);
min-height: 800px;
}
.firebase-hosting-hero {
margin: auto;
max-width: var(--hosting-content-width);
padding-top: var(--hosting-hero-padding-top);
}
.firebase-hosting-hero-label {
color: var(--hosting-blue) !important;
font: 500 22px/50px 'Roboto' !important;
margin-bottom: 24px;
}
.firebase-hosting-hero h3 {
color: var(--hosting-blue);
font: var(--hosting-hero-header-font) !important; /* Overrides default size */
}
.firebase-hosting-hero span {
color: var(--hosting-secondary-text-color);
font: 400 16px/28px 'Roboto';
max-width: 488px;
}
.firebase-hosting-hero .devsite-landing-row-item-description-content {
max-width: 452px;
}
.firebase-hosting-hero .button-primary {
color: #fff;
}
@media screen and (min-width: 1400px) {
.firebase-hosting-hero .devsite-landing-row-item-image {
transform: scale(1.5)
}
}
/* -------- *
* Features *
* -------- */
.firebase-hosting-features-row {
margin: auto;
max-width: var(--hosting-content-width);
}
.firebase-hosting-features-row h2 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font);
text-align: var(--hosting-text-align);
}
.firebase-hosting-features-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
.firebase-hosting-features-row .devsite-landing-row-item-description-content {
margin: auto;
max-width: 200px;
}
.firebase-hosting-features-row figure {
margin: 52px auto 32px;
}
.firebase-hosting-features-button-row {
padding-bottom: var(--hosting-section-bottom-padding);
}
/* ----- *
* Steps *
* ----- */
.firebase-hosting-steps-row {
margin: auto;
max-width: var(--hosting-content-width);
padding-bottom: var(--hosting-section-bottom-padding);
text-align: var(--hosting-text-align);
}
.firebase-hosting-step {
margin-inline: var(--hosting-step-margin-inline);
max-width: var(--hosting-step-max-width);
}
.firebase-hosting-step .devsite-landing-row-item-icon-container {
height: var(--hosting-icon-size);
margin-inline: var(--hosting-step-margin-inline);
width: var(--hosting-icon-size);
}
.firebase-hosting-step img {
height: var(--hosting-icon-size);
width: var(--hosting-icon-size);
}
.firebase-hosting-steps-row h2 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font) !important; /* Overrides default size */
}
.firebase-hosting-step-row h3 {
color: var(--tenant-primary-text-color);
font: var(--hosting-secondary-header-font);
}
.firebase-hosting-steps-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
/* --------- *
* Animation *
* --------- */
.firebase-hosting-animation-row {
margin: auto;
max-width: var(--hosting-content-width);
padding-bottom: var(--hosting-section-bottom-padding);
}
/* -------- *
* Coverage *
* -------- */
.firebase-hosting-coverage-row {
margin: auto;
max-width: var(--hosting-content-width);
padding-bottom: var(--hosting-section-bottom-padding);
}
.firebase-hosting-coverage-row .devsite-landing-row-inner {
padding-left: 0;
}
.firebase-hosting-coverage figure {
margin-left: var(--hosting-coverage-margin-left);
}
.firebase-hosting-coverage .devsite-landing-row-item-description {
padding: var(--hosting-coverage-padding) !important;
}
.firebase-hosting-coverage-row h3 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font) !important; /* Overrides default size */
}
.firebase-hosting-coverage-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
.firebase-hosting-coverage ul {
display: flex;
flex-wrap: wrap;
list-style:none;
padding: 0;
}
.firebase-hosting-coverage li {
color: var(--tenant-primary-text-color);
flex: 33.33%;
float: left;
font: var(--hosting-secondary-header-font);
padding: 40px 0 0;
}
/* ----- *
* Stats *
* ----- */
/* [1] Forces row to be light gray instead of white */
/* [2] Overrides top/bottom padding of 0px */
.firebase-hosting-stats-row {
background: #fafafa !important; /* [1] */
padding: var(--hosting-stats-row-padding) !important; /* [2] */
}
.firebase-hosting-stats-row figure {
height: unset !important;
margin-bottom: var(--hosting-stats-figure-margin-bottom);
}
.firebase-hosting-stats-row img {
max-height: unset;
width: var(--hosting-stats-img-size);
}
.firebase-hosting-stats {
max-width: var(--hosting-content-width);
}
.firebase-hosting-stats-number {
color: var(--hosting-blue);
display: block;
font: var(--hosting-stats-primary-font);
}
.firebase-hosting-stats-noun {
color: var(--tenant-primary-text-color);
display: block;
font: var(--hosting-stats-secondary-font);
}
/* ----- *
* Cloud *
* ----- */
.firebase-hosting-cloud-row {
margin: auto;
max-width: var(--hosting-content-width);
padding-bottom: var(--hosting-section-bottom-padding);
}
.firebase-hosting-cloud-row h3 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font) !important; /* Overrides default size */
max-width: 320px;
}
.firebase-hosting-cloud-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
.firebase-hosting-cloud-row .devsite-landing-row-item-description-content {
max-width: 468px;
}
/* ---------- *
* Highlights *
* ---------- */
.firebase-hosting-highlights-row {
margin: auto;
max-width: var(--hosting-content-width);
padding-bottom: var(--hosting-section-bottom-padding);
}
.firebase-hosting-highlight {
max-width: 432px;
}
.firebase-hosting-highlight .devsite-landing-row-item-icon-container {
width: 64px;
}
.firebase-hosting-highlight img {
height: unset;
width: unset;
}
.firebase-hosting-highlights-row h2 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font) !important; /* Overrides default size */
text-align: var(--hosting-text-align);
}
.firebase-hosting-highlights-row h3 {
color: var(--tenant-primary-text-color);
font: var(--hosting-secondary-header-font);
}
.firebase-hosting-highlights-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
.firebase-hosting-highlights-row a {
font: var(--hosting-description-font);
width: unset;
height: unset;
}
/* ----- *
* Learn *
* ----- */
.firebase-hosting-learn-row {
margin: auto;
max-width: var(--hosting-content-width);
}
.firebase-hosting-learn .devsite-landing-row-item-description {
margin-inline: auto;
max-width: 320px;
}
.firebase-hosting-learn-row h2 {
color: var(--tenant-primary-text-color);
font: var(--hosting-primary-header-font) !important; /* Overrides default size */
text-align: var(--hosting-text-align);
}
.firebase-hosting-learn-row h3 {
color: var(--tenant-primary-text-color);
font: var(--hosting-secondary-header-font);
}
.firebase-hosting-learn-row span {
color: var(--hosting-secondary-text-color);
font: var(--hosting-description-font);
}
/* --- *
* CTA *
* --- */
.firebase-hosting-cta-row {
background: top / cover no-repeat url(/images/products/hosting/cta.png);
padding: 40px 0 180px !important; /* Properly space background */
text-align: center;
}
.firebase-hosting-cta-row img {
display: block;
height: 120px;
margin: 60px auto 40px;
}
.firebase-hosting-cta-row h3 {
color: var(--hosting-blue);
font: var(--hosting-primary-header-font);
}
.firebase-hosting-cta-row span {
color: var(--hosting-blue);
font: var(--hosting-secondary-header-font);
}
.firebase-hosting-cta-button-row {
padding: 0;
}
.firebase-hosting-cta-button-row a {
color: #fff;
}
.firebase-hosting-cta-button-row .button {
margin-top: -240px;
}
.firebase-hosting-cta-button-row .devsite-landing-row-item-buttons {
padding: 0;
}
</style>
<div class="devsite-article-meta nocontent" role="navigation">
<ul class="devsite-breadcrumb-list">
<li class="devsite-breadcrumb-item
">
<a href="https://firebase.google.com/" class="devsite-breadcrumb-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Breadcrumbs" data-value="1" track-type="globalNav" track-name="breadcrumb" track-metadata-position="1" track-metadata-eventdetail="Firebase">
Firebase
</a>
</li>
</ul>
</div>
<devsite-feedback position="header" project-name="Firebase" product-id="719752" bucket="" context="" version="t-devsite-webserver-20241112-r02-rc01.464830024708363737" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="header" class="nocontent" project-feedback-url="https://firebase.google.com/support/contact/bugs-features/" project-icon="https://firebase.google.com/_static/firebase/images/icon.svg" project-support-url="https://firebase.google.com/support/">
<button>
Send feedback
</button>
</devsite-feedback>
<devsite-toc class="devsite-nav" depth="2" devsite-toc-embedded="" disabled="">
</devsite-toc>
<div class="devsite-article-body clearfix
devsite-no-page-title">
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-50 devsite-landing-row-hero firebase-hosting-hero-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item firebase-hosting-hero" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-image">
<picture>
<img alt="" src="https://firebase.google.com/static/images/products/hosting/hero.png" srcset="https://firebase.google.com/static/images/products/hosting/hero_36.png 36w,https://firebase.google.com/static/images/products/hosting/hero_48.png 48w,https://firebase.google.com/static/images/products/hosting/hero_72.png 72w,https://firebase.google.com/static/images/products/hosting/hero_96.png 96w,https://firebase.google.com/static/images/products/hosting/hero_480.png 480w,https://firebase.google.com/static/images/products/hosting/hero_720.png 720w,https://firebase.google.com/static/images/products/hosting/hero_856.png 856w,https://firebase.google.com/static/images/products/hosting/hero_960.png 960w,https://firebase.google.com/static/images/products/hosting/hero_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/hero_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/hero_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" fetchpriority="high">
</picture>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="span-classfirebase-hosting-hero-labelfirebase-hostingspanbr-fast-secure-hosting-for-static-websites" data-text="Firebase Hosting Fast, secure hosting for static websites
" class="hide-from-toc no-link">
<span class="firebase-hosting-hero-label">Firebase Hosting</span><br> Fast, secure hosting for static websites
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Deploy static websites in seconds using a global CDN. Preview, deploy, and roll back with the Firebase CLI.<br><br> New: If you're building server-rendered Angular or Next.js apps, check out next-generation <a href="https://firebase.google.com/products/app-hosting">Firebase App Hosting,</a> a full-stack solution for modern web frameworks.</span>
</div>
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/pricing" class="button button-primary firebase-hosting-button
" data-action="hero-see-plans-click" data-category="firebase-hosting" data-label="/products/hosting">See plans</a>
<a href="https://console.firebase.google.com/project/_/hosting" class="button firebase-hosting-button
" data-label="/products/hosting" data-category="firebase-hosting" data-action="hero-visit-console-click">Visit console</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-4-up devsite-landing-row-logos firebase-hosting-features-row" header-position="top">
<div class="devsite-landing-row-inner">
<header class="devsite-landing-row-header">
<div class="devsite-landing-row-header-text">
<h2 id="features-to-simplify-your-life" data-text="Features to simplify your life">
Features to simplify your life
</h2>
</div>
</header>
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature1-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature1.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature1.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Preview your site with your team before going live</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature2-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature2.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature2.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Serve the smallest, best-compressed version of your content, automatically, with Brotli encoding</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature3-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature3.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature3.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Domain management -- use a Firebase-provided subdomain or register your own custom domain</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature4-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature4.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature4.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>No-cost SSL certificate for security out of the box</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature5-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature5.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature5.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Auto-provisioned CDN for snappy access from anywhere</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature6-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature6.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature6.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Top-notch documentation, learning resources, and sample apps</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature7-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature7.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature7.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Effective scalability backed by Google Cloud</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-custom-image">
<div class="devsite-landing-row-item-custom-image-icon-wrapper">
<div class="devsite-landing-row-item-custom-image-icon-container" size="medium">
<picture>
<source class="devsite-landing-row-item-custom-image-icon devsite-dark-theme" alt="" media="(prefers-color-scheme: none)" srcset="https://firebase.google.com/static/images/products/hosting/feature8-dark.svg" sizes="192px" loading="lazy">
<img class="devsite-landing-row-item-custom-image-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/feature8.svg" srcset="https://firebase.google.com/static/images/products/hosting/feature8.svg" sizes="192px" loading="lazy">
</picture>
</div>
</div>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-description-content">
<span>Support for when you get stuck comes free of charge</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-item-centered devsite-landing-row-100 firebase-hosting-features-button-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom">
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/docs/hosting" class="button firebase-hosting-button
" data-category="Firebase Hosting Features" data-label="Read more">Read more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-3-up firebase-hosting-steps-row" header-position="top">
<div class="devsite-landing-row-inner">
<header class="devsite-landing-row-header">
<div class="devsite-landing-row-header-text">
<h2 id="three-steps-to-deploy-your-site" data-text="Three steps to deploy your site">
Three steps to deploy your site
</h2>
</div>
</header>
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-step" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/step1.png" srcset="https://firebase.google.com/static/images/products/hosting/step1_36.png 36w,https://firebase.google.com/static/images/products/hosting/step1_48.png 48w,https://firebase.google.com/static/images/products/hosting/step1_72.png 72w,https://firebase.google.com/static/images/products/hosting/step1_96.png 96w,https://firebase.google.com/static/images/products/hosting/step1_480.png 480w,https://firebase.google.com/static/images/products/hosting/step1_720.png 720w,https://firebase.google.com/static/images/products/hosting/step1_856.png 856w,https://firebase.google.com/static/images/products/hosting/step1_960.png 960w,https://firebase.google.com/static/images/products/hosting/step1_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/step1_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/step1_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="test-locally" data-text="Test locally" class="hide-from-toc no-link">
Test locally
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Open your web app at a locally hosted URL</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-step" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/step2.png" srcset="https://firebase.google.com/static/images/products/hosting/step2_36.png 36w,https://firebase.google.com/static/images/products/hosting/step2_48.png 48w,https://firebase.google.com/static/images/products/hosting/step2_72.png 72w,https://firebase.google.com/static/images/products/hosting/step2_96.png 96w,https://firebase.google.com/static/images/products/hosting/step2_480.png 480w,https://firebase.google.com/static/images/products/hosting/step2_720.png 720w,https://firebase.google.com/static/images/products/hosting/step2_856.png 856w,https://firebase.google.com/static/images/products/hosting/step2_960.png 960w,https://firebase.google.com/static/images/products/hosting/step2_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/step2_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/step2_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="preview-and-share-changes" data-text="Preview and share changes" class="hide-from-toc no-link">
Preview and share changes
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Deploy to a sharable, temporary preview channel</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-step" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/step3.png" srcset="https://firebase.google.com/static/images/products/hosting/step3_36.png 36w,https://firebase.google.com/static/images/products/hosting/step3_48.png 48w,https://firebase.google.com/static/images/products/hosting/step3_72.png 72w,https://firebase.google.com/static/images/products/hosting/step3_96.png 96w,https://firebase.google.com/static/images/products/hosting/step3_480.png 480w,https://firebase.google.com/static/images/products/hosting/step3_720.png 720w,https://firebase.google.com/static/images/products/hosting/step3_856.png 856w,https://firebase.google.com/static/images/products/hosting/step3_960.png 960w,https://firebase.google.com/static/images/products/hosting/step3_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/step3_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/step3_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="deploy-live" data-text="Deploy live" class="hide-from-toc no-link">
Deploy live
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Clone to your live channel, or deploy from your local project directory</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up firebase-hosting-animation-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-html">
<video src="/static/site-assets/hosting-ide-animation.webm" autoplay="" muted="">Alas, your browser doesn't support HTML5 video. That's OK! You can still<a href="/static/site-assets/hosting-ide- animation.webm">download the video</a> and watch it with a video player.</video>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-hero devsite-landing-row-50 firebase-hosting-coverage-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item firebase-hosting-coverage" description-position="bottom">
<div class="devsite-landing-row-item-media
devsite-landing-row-item-media-left
">
<figure class="devsite-landing-row-item-image">
<picture>
<img alt="" src="https://firebase.google.com/static/images/products/hosting/coverage.png" srcset="https://firebase.google.com/static/images/products/hosting/coverage_36.png 36w,https://firebase.google.com/static/images/products/hosting/coverage_48.png 48w,https://firebase.google.com/static/images/products/hosting/coverage_72.png 72w,https://firebase.google.com/static/images/products/hosting/coverage_96.png 96w,https://firebase.google.com/static/images/products/hosting/coverage_480.png 480w,https://firebase.google.com/static/images/products/hosting/coverage_720.png 720w,https://firebase.google.com/static/images/products/hosting/coverage_856.png 856w,https://firebase.google.com/static/images/products/hosting/coverage_960.png 960w,https://firebase.google.com/static/images/products/hosting/coverage_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/coverage_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/coverage_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy">
</picture>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="we-have-you-covered" data-text="We have you covered" class="hide-from-toc no-link">
We have you covered
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Easily deploy static sites. Upload your built static assets with a single CLI command, or deploy common static frameworks like Vite and Flutter with no config needed.</span> <ul>
<li>React</li>
<li>Vite</li>
<li>Vue</li>
<li>Flutter</li>
<li></li>
<li></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-50 devsite-landing-row-hero firebase-hosting-cloud-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-image">
<picture>
<img alt="" src="https://firebase.google.com/static/images/products/hosting/cloud.png" srcset="https://firebase.google.com/static/images/products/hosting/cloud_36.png 36w,https://firebase.google.com/static/images/products/hosting/cloud_48.png 48w,https://firebase.google.com/static/images/products/hosting/cloud_72.png 72w,https://firebase.google.com/static/images/products/hosting/cloud_96.png 96w,https://firebase.google.com/static/images/products/hosting/cloud_480.png 480w,https://firebase.google.com/static/images/products/hosting/cloud_720.png 720w,https://firebase.google.com/static/images/products/hosting/cloud_856.png 856w,https://firebase.google.com/static/images/products/hosting/cloud_960.png 960w,https://firebase.google.com/static/images/products/hosting/cloud_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/cloud_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/cloud_2880.png 2880w" sizes="(max-width: 600px) 100vw, (max-width: 840px) 50vw, 708px" loading="lazy">
</picture>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="forward-requests-to-google-cloud" data-text="Forward requests to Google Cloud" class="hide-from-toc no-link">
Forward requests to Google Cloud
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Improve response times and reduce compute costs when you cache requests to Cloud Functions for Firebase and Cloud Run in our global CDN.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-2-up firebase-hosting-highlights-row" header-position="top">
<div class="devsite-landing-row-inner">
<header class="devsite-landing-row-header">
<div class="devsite-landing-row-header-text">
<h2 id="fast-and-secure-out-of-the-box" data-text="Fast and secure, out of the box">
Fast and secure, out of the box
</h2>
</div>
</header>
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-highlight" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/fast-and-secure.png" srcset="https://firebase.google.com/static/images/products/hosting/fast-and-secure_36.png 36w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_48.png 48w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_72.png 72w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_96.png 96w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_480.png 480w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_720.png 720w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_856.png 856w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_960.png 960w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/fast-and-secure_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="fast-and-secure-out-of-the-box" data-text="Fast and secure, out of the box" class="hide-from-toc no-link">
Fast and secure, out of the box
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Deliver your content securely with built-in zero-configuration SSL certificates. Files are cached at CDN edges around the world, and served as gzip or Brotli for the smallest, best-compressed version of your content, based on what your user’s client is able to handle.</span>
</div>
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.blog/posts/2020/08/firebase-hosting-new-features" class="button
button-white
" data-category="firebase-hosting" data-action="firebase-learn-more-click" data-label="/products/hosting">Learn more</a>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-highlight" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/start-now.png" srcset="https://firebase.google.com/static/images/products/hosting/start-now_36.png 36w,https://firebase.google.com/static/images/products/hosting/start-now_48.png 48w,https://firebase.google.com/static/images/products/hosting/start-now_72.png 72w,https://firebase.google.com/static/images/products/hosting/start-now_96.png 96w,https://firebase.google.com/static/images/products/hosting/start-now_480.png 480w,https://firebase.google.com/static/images/products/hosting/start-now_720.png 720w,https://firebase.google.com/static/images/products/hosting/start-now_856.png 856w,https://firebase.google.com/static/images/products/hosting/start-now_960.png 960w,https://firebase.google.com/static/images/products/hosting/start-now_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/start-now_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/start-now_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="start-now-and-pay-as-you-go" data-text="Start now, and pay as you go" class="hide-from-toc no-link">
Start now, and pay as you go
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Get started with 10 GB of storage and up to 360 MB/day of data transfer, free of charge. Custom domain, global CDN, and SSL certificate included.</span>
</div>
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/pricing#hosting" class="button
button-white
" data-label="/products/hosting" data-category="firebase-hosting" data-action="firebase-learn-more-click">Learn more</a>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-highlight" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/multiple-frameworks.png" srcset="https://firebase.google.com/static/images/products/hosting/multiple-frameworks_36.png 36w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_48.png 48w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_72.png 72w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_96.png 96w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_480.png 480w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_720.png 720w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_856.png 856w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_960.png 960w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/multiple-frameworks_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="multiple-frameworks-one-command" data-text="Multiple frameworks, one command" class="hide-from-toc no-link">
Multiple frameworks, one command
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Build static websites with popular frameworks like React, Vite, Vue and more. Deploy with a single command using the Firebase CLI: firebase deploy.</span>
</div>
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/docs/hosting" class="button
button-white
" data-category="firebase-hosting" data-action="firebase-learn-more-click" data-label="/products/hosting">Learn more</a>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item devsite-landing-row-item-no-media firebase-hosting-highlight" description-position="bottom">
<div class="devsite-landing-row-item-description" icon-position="top">
<div class="devsite-landing-row-item-icon-container" size="medium">
<picture>
<img class="devsite-landing-row-item-icon" alt="" src="https://firebase.google.com/static/images/products/hosting/part-of-firebase.png" srcset="https://firebase.google.com/static/images/products/hosting/part-of-firebase_36.png 36w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_48.png 48w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_72.png 72w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_96.png 96w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_480.png 480w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_720.png 720w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_856.png 856w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_960.png 960w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/part-of-firebase_2880.png 2880w" sizes="64px" loading="lazy">
</picture>
</div>
<div class="devsite-landing-row-item-body">
<h3 id="part-of-the-firebase-platform" data-text="Part of the Firebase platform" class="hide-from-toc no-link">
Part of the Firebase platform
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Combine Firebase products to help you build and run apps and games users love. Effortlessly scale with user authentication, Cloud Messaging, and more.</span>
</div>
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/" class="button
button-white
" data-label="/products/hosting" data-category="firebase-hosting" data-action="firebase-learn-more-click">Learn more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-3-up devsite-landing-row-no-image-background firebase-hosting-learn-row" header-position="top">
<div class="devsite-landing-row-inner">
<header class="devsite-landing-row-header">
<div class="devsite-landing-row-header-text">
<h2 id="learn-to-do-more-with-hosting" data-text="Learn to do more with Hosting">
Learn to do more with Hosting
</h2>
</div>
</header>
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item firebase-hosting-learn" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-image">
<a href="https://firebase.google.com/docs/hosting/web-request-logs-and-metrics">
<picture>
<source class="devsite-dark-theme" srcset="https://firebase.google.com/static/images/products/hosting/analytics-dark_36.png 36w,https://firebase.google.com/static/images/products/hosting/analytics-dark_48.png 48w,https://firebase.google.com/static/images/products/hosting/analytics-dark_72.png 72w,https://firebase.google.com/static/images/products/hosting/analytics-dark_96.png 96w,https://firebase.google.com/static/images/products/hosting/analytics-dark_480.png 480w,https://firebase.google.com/static/images/products/hosting/analytics-dark_720.png 720w,https://firebase.google.com/static/images/products/hosting/analytics-dark_856.png 856w,https://firebase.google.com/static/images/products/hosting/analytics-dark_960.png 960w,https://firebase.google.com/static/images/products/hosting/analytics-dark_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/analytics-dark_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/analytics-dark_2880.png 2880w" media="(prefers-color-scheme: none)" alt="" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
<img alt="" src="https://firebase.google.com/static/images/products/hosting/analytics-light.png" srcset="https://firebase.google.com/static/images/products/hosting/analytics-light_36.png 36w,https://firebase.google.com/static/images/products/hosting/analytics-light_48.png 48w,https://firebase.google.com/static/images/products/hosting/analytics-light_72.png 72w,https://firebase.google.com/static/images/products/hosting/analytics-light_96.png 96w,https://firebase.google.com/static/images/products/hosting/analytics-light_480.png 480w,https://firebase.google.com/static/images/products/hosting/analytics-light_720.png 720w,https://firebase.google.com/static/images/products/hosting/analytics-light_856.png 856w,https://firebase.google.com/static/images/products/hosting/analytics-light_960.png 960w,https://firebase.google.com/static/images/products/hosting/analytics-light_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/analytics-light_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/analytics-light_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
</picture>
</a>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="server-side-analytics-with-cloud-logging" data-text="Server-side analytics with Cloud Logging" class="hide-from-toc no-link">
<a href="https://firebase.google.com/docs/hosting/web-request-logs-and-metrics">
Server-side analytics with Cloud Logging
</a>
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Know your visitors, your site's response statuses, the latency of end user requests, and more.</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item firebase-hosting-learn" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-image">
<a href="https://firebase.google.com/docs/hosting/github-integration">
<picture>
<source class="devsite-dark-theme" srcset="https://firebase.google.com/static/images/products/hosting/compression-dark_36.png 36w,https://firebase.google.com/static/images/products/hosting/compression-dark_48.png 48w,https://firebase.google.com/static/images/products/hosting/compression-dark_72.png 72w,https://firebase.google.com/static/images/products/hosting/compression-dark_96.png 96w,https://firebase.google.com/static/images/products/hosting/compression-dark_480.png 480w,https://firebase.google.com/static/images/products/hosting/compression-dark_720.png 720w,https://firebase.google.com/static/images/products/hosting/compression-dark_856.png 856w,https://firebase.google.com/static/images/products/hosting/compression-dark_960.png 960w,https://firebase.google.com/static/images/products/hosting/compression-dark_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/compression-dark_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/compression-dark_2880.png 2880w" media="(prefers-color-scheme: none)" alt="" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
<img alt="" src="https://firebase.google.com/static/images/products/hosting/compression-light.png" srcset="https://firebase.google.com/static/images/products/hosting/compression-light_36.png 36w,https://firebase.google.com/static/images/products/hosting/compression-light_48.png 48w,https://firebase.google.com/static/images/products/hosting/compression-light_72.png 72w,https://firebase.google.com/static/images/products/hosting/compression-light_96.png 96w,https://firebase.google.com/static/images/products/hosting/compression-light_480.png 480w,https://firebase.google.com/static/images/products/hosting/compression-light_720.png 720w,https://firebase.google.com/static/images/products/hosting/compression-light_856.png 856w,https://firebase.google.com/static/images/products/hosting/compression-light_960.png 960w,https://firebase.google.com/static/images/products/hosting/compression-light_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/compression-light_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/compression-light_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
</picture>
</a>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="smooth-deployment-with-github" data-text="Smooth deployment with Github" class="hide-from-toc no-link">
<a href="https://firebase.google.com/docs/hosting/github-integration">
Smooth deployment with Github
</a>
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Github Actions integration to give you auto-deploy on push.</span>
</div>
</div>
</div>
</div>
<div class="devsite-landing-row-item firebase-hosting-learn" description-position="bottom">
<div class="devsite-landing-row-item-media
">
<figure class="devsite-landing-row-item-image">
<a href="https://firebase.google.com/docs/hosting/i18n-rewrites">
<picture>
<source class="devsite-dark-theme" srcset="https://firebase.google.com/static/images/products/hosting/internalization-dark_36.png 36w,https://firebase.google.com/static/images/products/hosting/internalization-dark_48.png 48w,https://firebase.google.com/static/images/products/hosting/internalization-dark_72.png 72w,https://firebase.google.com/static/images/products/hosting/internalization-dark_96.png 96w,https://firebase.google.com/static/images/products/hosting/internalization-dark_480.png 480w,https://firebase.google.com/static/images/products/hosting/internalization-dark_720.png 720w,https://firebase.google.com/static/images/products/hosting/internalization-dark_856.png 856w,https://firebase.google.com/static/images/products/hosting/internalization-dark_960.png 960w,https://firebase.google.com/static/images/products/hosting/internalization-dark_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/internalization-dark_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/internalization-dark_2880.png 2880w" media="(prefers-color-scheme: none)" alt="" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
<img alt="" src="https://firebase.google.com/static/images/products/hosting/internalization-light.png" srcset="https://firebase.google.com/static/images/products/hosting/internalization-light_36.png 36w,https://firebase.google.com/static/images/products/hosting/internalization-light_48.png 48w,https://firebase.google.com/static/images/products/hosting/internalization-light_72.png 72w,https://firebase.google.com/static/images/products/hosting/internalization-light_96.png 96w,https://firebase.google.com/static/images/products/hosting/internalization-light_480.png 480w,https://firebase.google.com/static/images/products/hosting/internalization-light_720.png 720w,https://firebase.google.com/static/images/products/hosting/internalization-light_856.png 856w,https://firebase.google.com/static/images/products/hosting/internalization-light_960.png 960w,https://firebase.google.com/static/images/products/hosting/internalization-light_1440.png 1440w,https://firebase.google.com/static/images/products/hosting/internalization-light_1920.png 1920w,https://firebase.google.com/static/images/products/hosting/internalization-light_2880.png 2880w" sizes="(max-width: 840px) 50vw, 464px" loading="lazy">
</picture>
</a>
</figure>
</div>
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<h3 id="easier-internationalization" data-text="Easier internationalization" class="hide-from-toc no-link">
<a href="https://firebase.google.com/docs/hosting/i18n-rewrites">
Easier internationalization
</a>
</h3>
<div class="devsite-landing-row-item-description-content">
<span>Serve country and language specific content, backed by the power of a global CDN.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up firebase-hosting-cta-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-html">
<img src="/static/images/products/hosting/firebase-logo-icon.svg"> <h3 id="try-firebase-for-free-today" data-text="Try Firebase for free today" tabindex="-1">Try Firebase for free today</h3> <span>Integrating it into your app is easy</span>
</div>
</div>
</section>
<section class="devsite-landing-row devsite-landing-row-1-up devsite-landing-row-item-centered devsite-landing-row-100 firebase-hosting-cta-button-row" header-position="top">
<div class="devsite-landing-row-inner">
<div class="devsite-landing-row-group">
<div class="devsite-landing-row-item devsite-landing-row-item-no-media" description-position="bottom">
<div class="devsite-landing-row-item-description">
<div class="devsite-landing-row-item-body">
<div class="devsite-landing-row-item-buttons">
<a href="https://firebase.google.com/docs/hosting/quickstart" class="button button-primary firebase-hosting-button
" data-label="Get started" data-category="Firebase Hosting CTA">Get started</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="devsite-floating-action-buttons">
</div>
</article>
<devsite-notification>
</devsite-notification>
<div class="devsite-content-data">
<template class="devsite-thumb-rating-feedback">
<devsite-feedback position="thumb-rating" project-name="Firebase" product-id="719752" bucket="" context="" version="t-devsite-webserver-20241112-r02-rc01.464830024708363737" data-label="Send Feedback Button" track-type="feedback" track-name="sendFeedbackLink" track-metadata-position="thumb-rating" class="nocontent" project-feedback-url="https://firebase.google.com/support/contact/bugs-features/" project-icon="https://firebase.google.com/_static/firebase/images/icon.svg" project-support-url="https://firebase.google.com/support/">
<button>
Need to tell us more?
</button>
</devsite-feedback>
</template>
<template class="devsite-content-data-template">
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]
</template>
</div>
</devsite-content>
</main>
<devsite-footer-promos class="devsite-footer">
</devsite-footer-promos>
<devsite-footer-linkboxes class="devsite-footer">
<nav class="devsite-footer-linkboxes nocontent" aria-label="Footer links">
<ul class="devsite-footer-linkboxes-list">
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Learn</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="/docs/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)">
Developer guides
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/docs/reference/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)">
SDK & API reference
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/docs/samples/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)">
Samples
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/docs/libraries/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)">
Libraries
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//github.com/firebase/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)">
GitHub
</a>
</li>
</ul>
</li>
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Stay connected</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="//firebase.blog" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)">
Check out the blog
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//www.reddit.com/r/Firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)">
Find us on Reddit
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//x.com/Firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)">
Follow on X
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//www.youtube.com/user/Firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)">
Subscribe on YouTube
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/community/events" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)">
Attend an event
</a>
</li>
</ul>
</li>
<li class="devsite-footer-linkbox ">
<h3 class="devsite-footer-linkbox-heading no-link">Support</h3>
<ul class="devsite-footer-linkbox-list">
<li class="devsite-footer-linkbox-item">
<a href="/support/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 1)">
Contact support
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//stackoverflow.com/questions/tagged/firebase" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 2)">
Stack Overflow
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//firebase.community/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 3)">
Slack community
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="//groups.google.com/forum/#!forum/firebase-talk" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 4)">
Google group
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/support/releases" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 5)">
Release notes
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/brand-guidelines/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 6)">
Brand guidelines
</a>
</li>
<li class="devsite-footer-linkbox-item">
<a href="/support/faq/" class="devsite-footer-linkbox-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Link (index 7)">
FAQs
</a>
</li>
</ul>
</li>
</ul>
</nav>
</devsite-footer-linkboxes>
<devsite-footer-utility class="devsite-footer">
<div class="devsite-footer-utility nocontent">
<nav class="devsite-footer-sites" aria-label="Other Google Developers websites">
<a href="https://developers.google.com/" class="devsite-footer-sites-logo-link gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Developers Link">
<picture>
<source srcset="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup-google-for-developers-dark-theme.svg" media="(prefers-color-scheme: none)" class="devsite-dark-theme" loading="lazy" alt="Google Developers">
<img class="devsite-footer-sites-logo" src="https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup-google-for-developers.svg" loading="lazy" alt="Google Developers">
</picture>
</a>
<ul class="devsite-footer-sites-list">
<li class="devsite-footer-sites-item">
<a href="//developer.android.com" class="devsite-footer-sites-link
gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Android Link">
Android
</a>
</li>
<li class="devsite-footer-sites-item">
<a href="//developer.chrome.com/home" class="devsite-footer-sites-link
gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Chrome Link">
Chrome
</a>
</li>
<li class="devsite-footer-sites-item">
<a href="//firebase.google.com" class="devsite-footer-sites-link
gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Firebase Link">
Firebase
</a>
</li>
<li class="devsite-footer-sites-item">
<a href="//cloud.google.com" class="devsite-footer-sites-link
gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer Google Cloud Platform Link">
Google Cloud Platform
</a>
</li>
<li class="devsite-footer-sites-item">
<a href="//developers.google.com/products/" class="devsite-footer-sites-link
gc-analytics-event" data-category="Site-Wide Custom Events" data-label="Footer All products Link">
All products
</a>
</li>
</ul>
</nav>
<nav class="devsite-footer-utility-links" aria-label="Utility links">
<ul class="devsite-footer-utility-list">
<li class="devsite-footer-utility-item
">
<a class="devsite-footer-utility-link gc-analytics-event" href="/terms/" data-category="Site-Wide Custom Events" data-label="Footer Terms link">
Terms
</a>
</li>
<li class="devsite-footer-utility-item
">
<a class="devsite-footer-utility-link gc-analytics-event" href="//policies.google.com/privacy" data-category="Site-Wide Custom Events" data-label="Footer Privacy link">
Privacy
</a>
</li>
<li class="devsite-footer-utility-item
glue-cookie-notification-bar-control">
<a class="devsite-footer-utility-link gc-analytics-event" href="#" data-category="Site-Wide Custom Events" data-label="Footer Manage cookies link" aria-hidden="true">
Manage cookies
</a>
</li>
</ul>
<devsite-language-selector aria-label="Select your language preference.">
<ul role="presentation">
<li role="presentation">
<a role="menuitem" lang="en" href="https://firebase.google.com/products/hosting/" aria-current="true">English</a>
</li>
<li role="presentation">
<a role="menuitem" lang="de" href="https://firebase.google.com/products/hosting/?hl=de">Deutsch</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es" href="https://firebase.google.com/products/hosting/?hl=es">Español</a>
</li>
<li role="presentation">
<a role="menuitem" lang="es-419" href="https://firebase.google.com/products/hosting/?hl=es-419">Español – América Latina</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fr" href="https://firebase.google.com/products/hosting/?hl=fr">Français</a>
</li>
<li role="presentation">
<a role="menuitem" lang="id" href="https://firebase.google.com/products/hosting/?hl=id">Indonesia</a>
</li>
<li role="presentation">
<a role="menuitem" lang="it" href="https://firebase.google.com/products/hosting/?hl=it">Italiano</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pl" href="https://firebase.google.com/products/hosting/?hl=pl">Polski</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt" href="https://firebase.google.com/products/hosting/?hl=pt">Português</a>
</li>
<li role="presentation">
<a role="menuitem" lang="pt-br" href="https://firebase.google.com/products/hosting/?hl=pt-br">Português – Brasil</a>
</li>
<li role="presentation">
<a role="menuitem" lang="vi" href="https://firebase.google.com/products/hosting/?hl=vi">Tiếng Việt</a>
</li>
<li role="presentation">
<a role="menuitem" lang="tr" href="https://firebase.google.com/products/hosting/?hl=tr">Türkçe</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ru" href="https://firebase.google.com/products/hosting/?hl=ru">Русский</a>
</li>
<li role="presentation">
<a role="menuitem" lang="he" href="https://firebase.google.com/products/hosting/?hl=he">עברית</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ar" href="https://firebase.google.com/products/hosting/?hl=ar">العربيّة</a>
</li>
<li role="presentation">
<a role="menuitem" lang="fa" href="https://firebase.google.com/products/hosting/?hl=fa">فارسی</a>
</li>
<li role="presentation">
<a role="menuitem" lang="hi" href="https://firebase.google.com/products/hosting/?hl=hi">हिंदी</a>
</li>
<li role="presentation">
<a role="menuitem" lang="bn" href="https://firebase.google.com/products/hosting/?hl=bn">বাংলা</a>
</li>
<li role="presentation">
<a role="menuitem" lang="th" href="https://firebase.google.com/products/hosting/?hl=th">ภาษาไทย</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh-cn" href="https://firebase.google.com/products/hosting/?hl=zh-cn">中文 – 简体</a>
</li>
<li role="presentation">
<a role="menuitem" lang="zh-tw" href="https://firebase.google.com/products/hosting/?hl=zh-tw">中文 – 繁體</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ja" href="https://firebase.google.com/products/hosting/?hl=ja">日本語</a>
</li>
<li role="presentation">
<a role="menuitem" lang="ko" href="https://firebase.google.com/products/hosting/?hl=ko">한국어</a>
</li>
</ul>
</devsite-language-selector>
</nav>
</div>
</devsite-footer-utility>
<devsite-panel style="height: auto;"></devsite-panel>
<devsite-concierge data-info-panel="" data-ai-panel="">
<!----> <div class=" devsite-concierge-container mobile-view-not-enabled ">
<!--?lit$799499456$--> <div class="devsite-concierge-menu" role="toolbar" aria-label="Side panel menu" aria-orientation="vertical">
<!--?lit$799499456$-->
<button class=" devsite-concierge-menu-item devsite-concierge-info-panel--menu-item " data-title="Page info">
<div class="devsite-concierge-menu-icon" aria-hidden="true">
<!--?lit$799499456$--><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_4878_13714)"><path d="M11 17H13V11H11V17ZM12 9C12.2833 9 12.5167 8.90833 12.7 8.725C12.9 8.525 13 8.28333 13 8C13 7.71667 12.9 7.48333 12.7 7.3C12.5167 7.1 12.2833 7 12 7C11.7167 7 11.475 7.1 11.275 7.3C11.0917 7.48333 11 7.71667 11 8C11 8.28333 11.0917 8.525 11.275 8.725C11.475 8.90833 11.7167 9 12 9ZM12 22C10.6167 22 9.31667 21.7417 8.1 21.225C6.88333 20.6917 5.825 19.975 4.925 19.075C4.025 18.175 3.30833 17.1167 2.775 15.9C2.25833 14.6833 2 13.3833 2 12C2 10.6167 2.25833 9.31667 2.775 8.1C3.30833 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.31667 8.1 2.8C9.31667 2.26667 10.6167 2 12 2C13.3833 2 14.6833 2.26667 15.9 2.8C17.1167 3.31667 18.175 4.025 19.075 4.925C19.975 5.825 20.6833 6.88333 21.2 8.1C21.7333 9.31667 22 10.6167 22 12C22 13.3833 21.7333 14.6833 21.2 15.9C20.6833 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6917 15.9 21.225C14.6833 21.7417 13.3833 22 12 22ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z"></path></g></svg>
</div>
<div class="devsite-concierge-menu-title">
<!--?lit$799499456$-->Info
</div>
<!--?lit$799499456$--><!--?-->
</button>
<!--?lit$799499456$-->
<button class=" devsite-concierge-menu-item devsite-concierge-ai-panel--menu-item " data-title="Ask about this page">
<div class="devsite-concierge-menu-icon" aria-hidden="true">
<!--?lit$799499456$--><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_63080_146)"><path d="M17.5 12C17.5 10.4667 16.9667 9.16667 15.9 8.1C14.8333 7.03333 13.5333 6.5 12 6.5C13.5333 6.5 14.8333 5.96667 15.9 4.9C16.9667 3.83333 17.5 2.53333 17.5 0.999999C17.5 2.53333 18.0333 3.83333 19.1 4.9C20.1667 5.96667 21.4667 6.5 23 6.5C21.4667 6.5 20.1667 7.03333 19.1 8.1C18.0333 9.16667 17.5 10.4667 17.5 12ZM2 22V4C2 3.45 2.19167 2.98333 2.575 2.6C2.975 2.2 3.45 2 4 2H14V4H4V16H20V9.975H22V16C22 16.55 21.8 17.025 21.4 17.425C21.0167 17.8083 20.55 18 20 18H6L2 22ZM6 14V12H16V14H6ZM6 11V9H15V11H6ZM6 8V6H11V8H6Z"></path></g></svg>
</div>
<div class="devsite-concierge-menu-title">
<!--?lit$799499456$-->Chat
</div>
<!--?lit$799499456$--><!--?-->
</button>
<!--?lit$799499456$--><!--?-->
<!--?lit$799499456$--><!--?-->
<!--?lit$799499456$--><!--?-->
</div> <!--?lit$799499456$--><div class="devsite-concierge-panel">
<!--?lit$799499456$--> <devsite-concierge-info-panel>
<!----><!--?--></devsite-concierge-info-panel>
<!--?lit$799499456$--> <devsite-concierge-ai-panel>
<!----><!--?--></devsite-concierge-ai-panel>
<!--?lit$799499456$--><!--?-->
<!--?lit$799499456$--><!--?-->
<!--?lit$799499456$--><!--?-->
</div>
</div></devsite-concierge>
</section></section>
<devsite-sitemask></devsite-sitemask>
<devsite-snackbar style="bottom: 0px;"></devsite-snackbar>
<devsite-tooltip></devsite-tooltip>
<devsite-heading-link></devsite-heading-link>
<devsite-analytics>
<script type="application/json" analytics="">[]</script>
<script type="application/json" tag-management="">{"at": "True", "ga4": [], "ga4p": [], "gtm": [{"id": "GTM-N84485", "purpose": 0}], "parameters": {"internalUser": "False", "language": {"machineTranslated": "False", "requested": "en", "served": "en"}, "pageType": "article", "projectName": "Firebase", "signedIn": "False", "tenant": "firebase", "recommendations": {"sourcePage": "", "sourceType": 0, "sourceRank": 0, "sourceIdenticalDescriptions": 0, "sourceTitleWords": 0, "sourceDescriptionWords": 0, "experiment": ""}, "experiment": {"ids": ""}}}</script>
</devsite-analytics>
<devsite-badger></devsite-badger>
<firebase-gtm><iframe src="/_d/alternate-gtm?referrer="></iframe></firebase-gtm>
<script nonce="">
(function(d,e,v,s,i,t,E){d['GoogleDevelopersObject']=i;
t=e.createElement(v);t.async=1;t.src=s;E=e.getElementsByTagName(v)[0];
E.parentNode.insertBefore(t,E);})(window, document, 'script',
'https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/js/app_loader.js', '[4,"en",null,"/js/devsite_app_module.js","https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7","https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase","https://firebase-dot-devsite-v2-prod.appspot.com",1,null,["/_pwa/firebase/manifest.json","https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/images/video-placeholder.svg","https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/favicon.png","https://www.gstatic.com/devrel-devsite/prod/vc38a15f5a89ceb3dee5ad4d2d7b57b718d8556c0e3724a12c131a2b9d037d8c7/firebase/images/lockup.svg","https://fonts.googleapis.com/css?family=Google+Sans:400,500|Roboto:400,400italic,500,500italic,700,700italic|Roboto+Mono:400,500,700&display=swap"],1,null,[1,6,8,12,14,17,21,25,50,52,63,70,75,76,80,87,91,92,93,97,98,100,101,102,103,104,105,107,108,109,110,112,113,117,118,120,122,124,125,126,127,129,130,131,132,133,134,135,136,138,140,141,147,148,149,151,152,156,157,158,159,161,163,164,168,169,170,179,180,182,183,186,191,193,196],"AIzaSyAP-jjEJBzmIyKR4F-3XITp8yM9T1gEEI8","AIzaSyB6xiKGDR5O3Ak2okS4rLkauxGUG7XP0hg","firebase.google.com","AIzaSyAQk0fBONSGUqCNznf6Krs82Ap1-NV6J4o","AIzaSyCCxcqdrZ_7QMeLCRY20bh_SXdAYqy70KY",null,null,null,["Profiles__enable_profile_collections","Profiles__enable_page_saving","EngEduTelemetry__enable_engedu_telemetry","MiscFeatureFlags__emergency_css","MiscFeatureFlags__enable_variable_operator","Profiles__require_profile_eligibility_for_signin","Search__enable_page_map","Search__enable_ai_eligibility_checks","DevPro__enable_cloud_innovators_plus","MiscFeatureFlags__developers_footer_dark_image","Cloud__enable_cloud_shell_fte_user_flow","Cloud__enable_cloudx_experiment_ids","MiscFeatureFlags__enable_view_transitions","BookNav__enable_tenant_cache_key","MiscFeatureFlags__enable_explain_this_code","Concierge__enable_pushui","MiscFeatureFlags__enable_firebase_utm","Cloud__enable_cloud_facet_chat","Cloud__enable_cloud_dlp_service","CloudShell__cloud_shell_button","Profiles__enable_awarding_url","Profiles__enable_dashboard_curated_recommendations","Profiles__enable_release_notes_notifications","Analytics__enable_clearcut_logging","Profiles__enable_developer_profiles_callout","Profiles__enable_recognition_badges","Experiments__reqs_query_experiments","Profiles__enable_completecodelab_endpoint","Profiles__enable_public_developer_profiles","Concierge__enable_concierge","Search__enable_ai_search_summaries","DevPro__enable_developer_subscriptions","Cloud__enable_cloudx_ping","Significatio__enable_by_tenant","TpcFeatures__enable_required_headers","Search__enable_dynamic_content_confidential_banner","TpcFeatures__enable_mirror_tenant_redirects","Cloud__enable_free_trial_server_call","Profiles__enable_complete_playlist_endpoint","Cloud__enable_legacy_calculator_redirect","CloudShell__cloud_code_overflow_menu","MiscFeatureFlags__enable_project_variables","Search__enable_suggestions_from_borg","Cloud__enable_cloud_shell","MiscFeatureFlags__enable_dark_theme","MiscFeatureFlags__developers_footer_image","Cloud__enable_llm_concierge_chat"],null,null,"AIzaSyBLEMok-5suZ67qRPzx0qUtbnLmyT_kCVE","https://developerscontentserving-pa.clients6.google.com","AIzaSyCM4QpTRSqP5qI4Dvjt4OAScIN8sOUlO-k","https://developerscontentsearch-pa.clients6.google.com",1,4,null,"https://developerprofiles-pa.clients6.google.com",[4,"firebase","Firebase","firebase.google.com",null,"firebase-dot-devsite-v2-prod.appspot.com",null,null,[1,1,null,null,null,null,null,null,null,null,null,[1],null,null,null,null,null,null,[1],[1,null,null,[1]],null,null,null,[1,null,1],[1,1,null,null,1]],null,[68,null,null,null,null,null,"/images/lockup.svg","/images/touchicon-180.png",null,null,null,1,1,1,null,null,null,null,null,null,null,2,null,null,null,"/images/lockup.svg",[]],[],null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,null,[6,1,20,22,23,29,37],null,[[],[1,1]],[[null,null,null,null,["UA-24532603-9"],["GTM-N84485"],null,null,null,null,[["UA-24532603-9",1]],[["GTM-N84485",1]],1],[[16,2],[36,4],[2,5],[46,8],[17,1]],null,1],null,4],1,"pk_live_5170syrHvgGVmSx9sBrnWtA5luvk9BwnVcvIi7HizpwauFG96WedXsuXh790rtij9AmGllqPtMLfhe2RSwD6Pn38V00uBCydV4m"]')
</script>
<devsite-a11y-announce aria-live="assertive" aria-atomic="true"></devsite-a11y-announce>
</body></html>