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.
Con la CLI de Firebase adaptada al framework, puedes implementar tu aplicación de Flutter
en Firebase.
Antes de comenzar
Antes de comenzar a implementar tu app en Firebase,
revisa los siguientes requisitos y opciones:
Versión 12.1.0 o posterior de Firebase CLI. Asegúrate de
instalar la CLI
con el método que prefieras.
Opcional: Ten la facturación habilitada en tu proyecto de Firebase
(obligatoria si planeas usar SSR)
Inicializa Firebase
A fin de comenzar, inicializa Firebase para tu proyecto de framework.
Usa Firebase CLI para un proyecto nuevo o modifica firebase.json en un
proyecto existente.
Inicializa un proyecto nuevo
En Firebase CLI, habilita la vista previa de frameworks web:
firebase experiments:enable webframeworks
Ejecuta el comando de inicialización desde la CLI y, luego, sigue las indicaciones:
firebase init hosting
Responde Sí a la pregunta “¿Quieres usar un framework web? (experimental)”
Elige el directorio del código fuente para hosting, que podría ser una app de Flutter existente.
Si se te solicita, elige Flutter Web.
Inicializa un proyecto existente
Cambia la configuración de hosting en firebase.json para que tenga una opción source, en lugar
de una opción public. Por ejemplo:
[null,null,["Última actualización: 2025-08-12 (UTC)"],[],[],null,["\u003cbr /\u003e\n\nWith the Firebase framework-aware CLI, you can deploy your Flutter application\nto Firebase.\n| **Note:** Framework-aware Hosting is an early public preview. This means that the functionality might change in backward-incompatible ways. A preview release is not subject to any SLA or deprecation policy and may receive limited or no support.\n\nBefore you begin\n\nBefore you get started deploying your app to Firebase,\nreview the following requirements and options:\n\n- Firebase CLI version 12.1.0 or later. Make sure to [install the CLI](/docs/cli#install_the_firebase_cli) using your preferred method.\n- Optional: Billing enabled on your Firebase project (required if you plan to use SSR)\n\nInitialize Firebase\n\nTo get started, initialize Firebase for your framework project.\nUse the Firebase CLI for a new project, or modify `firebase.json` for an\nexisting project.\n\nInitialize a new project\n\n1. In the Firebase CLI, enable the web frameworks preview: \n\n ```\n firebase experiments:enable webframeworks\n ```\n2. Run the initialization command from the CLI and then follow the prompts:\n\n ```\n firebase init hosting\n ```\n\n \u003cbr /\u003e\n\n3. Answer yes to \"Do you want to use a web framework? (experimental)\"\n\n4. Choose your hosting source directory; this could be an existing Flutter app.\n\n5. If prompted, choose Flutter Web.\n\nInitialize an existing project\n\nChange your hosting config in `firebase.json` to have a `source` option, rather\nthan a `public` option. For example: \n\n {\n \"hosting\": {\n \"source\": \"./path-to-your-flutter-app\"\n }\n }\n\nServe static content\n\nAfter initializing Firebase, you can serve static content with the standard\ndeployment command: \n\n firebase deploy"]]
