[ Web Proxy ]
URL:
Viewing: https://firebase.google.com/docs/hosting/frameworks/flutter [Back]  [Original]

Integrate Flutter Web  |  Firebase Hosting Skip to main content
Overview Fundamentals AI Build Run Reference Samples
Firebase [Firebase]
Send feedback

Integrate Flutter Web Stay organized with collections Save and categorize content based on your preferences.

With the Firebase framework-aware CLI, you can deploy your Flutter application to Firebase.

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.

Before you begin

Before you get started deploying your app to Firebase, review the following requirements and options:

Initialize Firebase

To get started, initialize Firebase for your framework project. Use the Firebase CLI for a new project, or modify firebase.json for an existing project.

Initialize a new project

  1. In the Firebase CLI, enable the web frameworks preview:
    firebase experiments:enable webframeworks
  2. Run the initialization command from the CLI and then follow the prompts:

    firebase init hosting

  3. Answer yes to "Do you want to use a web framework? (experimental)"

  4. Choose your hosting source directory; this could be an existing Flutter app.

  5. If prompted, choose Flutter Web.

Initialize an existing project

Change your hosting config in firebase.json to have a source option, rather than a public option. For example:

{
  "hosting": {
    "source": "./path-to-your-flutter-app"
  }
}

Serve static content

After initializing Firebase, you can serve static content with the standard deployment command:

firebase deploy
Send feedback

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Last updated 2026-08-19 UTC.

Need to tell us more? [[["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"]],["Last updated 2026-08-19 UTC."],[],[]]

Web Proxy Viewer  |  New URL  |  Original Page