Si compilas apps de Angular o Next.js procesadas por el servidor, consulta Firebase App Hosting de nueva generación, una solución de pila completa para frameworks web modernos.
Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
Firebase Hosting te brinda una manera rápida, segura y confiable de alojar los elementos estáticos de tu app (HTML, CSS, JavaScript, archivos multimedia, entre otros), además de entregar contenido dinámico y alojar microservicios.
Nuestro hosting de producción está respaldado por una red de distribución de contenidos (CDN) global. Según la configuración predeterminada, Hosting entrega contenido mediante SSL. Además, se puede usar
con tu propio dominio personalizado o en los subdominios de tu proyecto
sin costo en web.app y firebaseapp.com.
Para conectar los archivos de tu proyecto local al proyecto de Firebase, ejecuta el siguiente comando desde la raíz del directorio del proyecto local:
firebase init hosting
Durante la inicialización del proyecto, desde los mensajes de Firebase CLI:
Selecciona un proyecto de Firebase para conectar al directorio del proyecto local.
El proyecto de Firebase seleccionado es el proyecto de Firebase "predeterminado" para el directorio del proyecto local. Para conectar proyectos adicionales de Firebase al directorio del proyecto local, configura alias de proyectos.
Especifica un directorio para usar como directorio raíz público.
Este contiene todos los archivos estáticos entregados públicamente, incluido el archivo index.html y otros elementos que desees implementar en Firebase Hosting.
La configuración predeterminada del directorio raíz público se denomina public.
Puedes especificar el directorio raíz público ahora o hacerlo más tarde en el archivo de configuración firebase.json.
Si seleccionas la configuración predeterminada y aún no tienes un directorio denominado public, Firebase lo creará automáticamente.
Si aún no tienes un archivo index.html o 404.html válido en el directorio raíz público, Firebase los creará por ti.
Al final de la inicialización, Firebase crea y agrega automáticamente dos archivos a la raíz del directorio de la app local:
Un archivo de configuración firebase.json que contiene la configuración de tu proyecto.
Obtén más detalles sobre este archivo en la página Configura el comportamiento del hosting.
Ya estás listo para compartir tu sitio con el mundo.
Sigue mejorando tu sitio. Realiza pruebas locales, comparte los cambios en una URL de vista previa temporal y, luego, impleméntalos en tu sitio. Sigue esta guía paso a paso.
Supervisa el panel Uso y facturación en la consola de Firebase para obtener un panorama general del uso de tu proyecto en varios servicios de Firebase.
También puedes visitar el panel Uso deHosting para obtener información de uso más detallada.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Falta la información que necesito","missingTheInformationINeed","thumb-down"],["Muy complicado o demasiados pasos","tooComplicatedTooManySteps","thumb-down"],["Desactualizado","outOfDate","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Problema con las muestras o los códigos","samplesCodeIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-05 (UTC)"],[],[],null,["\u003cbr /\u003e\n\nFirebase Hosting gives you a fast, secure, and reliable way to host your\napp's static assets (HTML, CSS, JavaScript, media files, etc.) as well as to\n[serve dynamic content and host microservices](/docs/hosting/serverless-overview).\n\nOur production-grade hosting is backed by a global content delivery network\n(CDN). Hosting serves your content over SSL, by default, and can be used\nwith your own [custom domain](/docs/hosting/custom-domain) or on your project's\nsubdomains at no cost on `web.app` and `firebaseapp.com`.\n\nBefore you begin\n\nBefore you can set up Firebase Hosting, you need to\n[create a Firebase project](/docs/web/setup).\n\n**Step 1** : Install the Firebase CLI\n\nVisit the Firebase CLI documentation to learn how to\n[install the CLI](/docs/cli#install_the_firebase_cli) or\n[update to its latest version](/docs/cli#update-cli).\n\n**Step 2**: Initialize your project\n\nTo connect your local project files to your Firebase project, run the following\ncommand from the root of your local project directory: \n\n```\nfirebase init hosting\n```\n\nDuring project initialization, from the Firebase CLI prompts:\n\n1. **Select a Firebase project to connect to your local project directory.**\n\n The selected Firebase project is your \"default\" Firebase project for your\n local project directory. To connect additional Firebase projects to your\n local project directory, set up [project aliases](/docs/cli#project_aliases).\n2. **Specify a directory to use as your public root directory.**\n\n This directory contains all your publicly served static files, including your\n `index.html` file and any other assets that you want to deploy to\n Firebase Hosting.\n - The default for the public root directory is called `public`.\n\n - You can specify your public root directory now or you can\n [specify it later](/docs/hosting/full-config#public) in your\n `firebase.json` configuration file.\n\n - If you select the default and don't already have a directory called\n `public`, Firebase creates it for you.\n\n - If you don't already have a valid `index.html` file or `404.html` file in\n your public root directory, Firebase creates them for you.\n\n3. **Choose a configuration for your site.**\n\n If you select to make a one-page app, then Firebase automatically adds\n [rewrite configurations](/docs/hosting/full-config#rewrites) for you.\n\nAt the end of initialization, Firebase automatically creates and adds two files\nto the root of your local app directory:\n\n- A `firebase.json` configuration file that lists your project configuration.\n Learn more about this file on the\n [configure hosting behavior](/docs/hosting/full-config) page.\n\n- A `.firebaserc` file that stores your\n [project aliases](/docs/cli#project_aliases).\n\n**Step 3**: Deploy to your site\n\nTo deploy to your site, run the following command from the root of your local\nproject directory: \n\n```\nfirebase deploy --only hosting\n```\n| **Note:** By running this command with the `--only hosting` flag, you're only deploying your Hosting content and config. If you *also* want to [deploy other project resources or configurations](/docs/cli#partial_deploys) (like functions or database rules), run this command with a comma-separated list in the flag (for example, `--only hosting,functions`).\n\nThis command deploys your Hosting content and config to the following\nFirebase-provisioned subdomains:\n\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.web.app`\n- \u003cvar translate=\"no\"\u003ePROJECT_ID\u003c/var\u003e`.firebaseapp.com`\n\nLearn more about\n[deploys and even locally testing your site](/docs/hosting/test-preview-deploy).\n\nNext steps\n\nNow your site is ready to share with the world!\n\n- Continue to improve your site. Test locally, share changes at a temporary\n preview URL, then deploy to your live site. Follow this\n [step-by-step guide](/docs/hosting/test-preview-deploy).\n\n- Learn about further hosting capabilities:\n\n - [Configure hosting behavior](/docs/hosting/full-config)\n - [Connect a custom domain](/docs/hosting/custom-domain)\n - [Serve dynamic content and host microservices](/docs/hosting/serverless-overview)\n- Take a look at the full documentation for the [Firebase CLI](/docs/cli).\n\n- Prepare to launch your app:\n\n\n - Set up [budget\n alerts](/docs/projects/billing/avoid-surprise-bills#set-up-budget-alert-emails) for your project in the Google Cloud console.\n - Monitor the [*Usage and billing*\n dashboard](//console.firebase.google.com/project/_/usage) in the Firebase console to get an overall picture of your project's usage across multiple Firebase services. You can also visit the [Hosting *Usage*\n dashboard](//console.firebase.google.com/project/_/hosting/usage) for more detailed usage information.\n - Review the [Firebase launch checklist](/support/guides/launch-checklist)."]]
