Integrate Flutter Web

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

Before you begin

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

• Firebase CLI version 12.1.0 or later. Make sure to install the CLI using your preferred method.
• Optional: Billing enabled on your Firebase project (required if you plan to use SSR)

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