[frameworks] Flutter Web

[hden]

Why?

Flutter supports the generation of web content rendered using standards-based web technologies: HTML, CSS and JavaScript. -- https://flutter.dev/web

How?

It's just a static site with unique build commands.

1. Install the flutter SDK
2. Run flutter build web
3. Serve the static assets under /build/web/*

https://flutter.dev/docs/deployment/web#building-the-app-for-release

[markozxuu]

I don't know if this can be used with the builder @vercel/node . This is possible ? cc @TooTallNate @styfle

[styfle]

It should be possible already by assigning the Build Command and Output Directory in your Project Settings.

https://vercel.com/blog/advanced-project-settings

[hden]

Confirmed that it's working.

The build command can be found here:
flutter/flutter#60853 (comment)

[CodeDoctorDE]

Is there any plan to add this as a preset to simplify this?

[connorads]

Thanks for the link @hden, helped me to get it working.
I had to adjust it slightly as there is a 256 character limit on the build command since that was posted.

Build & Development Settings

• Framework Preset: Other
• Build Command: flutter/bin/flutter build web --release
• Output Directory: build/web
• Install Command: if cd flutter; then git pull && cd .. ; else git clone https://github.com/flutter/flutter.git; fi && ls && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter config --enable-web

[Achudh]

How do I pass env to flutter? I can do it with the build command but I need to assign different env based on prod, dev, preview @connorads @hden

[connorads]

Do the Vercel docs answer your question?
https://vercel.com/docs/concepts/deployments/build-step#environment-variables

[mattsrobot]

If you're having problems building the web app:

One modification to @styfle answer, I recommend, is putting your Flutter version in the git clone:

I am building for Flutter 3.7.12 here, but the git clone will default to the latest stable version (which in my case, was incompatible with some dependencies I'm using).

if cd flutter; then git pull && cd .. ; else git clone --branch 3.7.12 https://github.com/flutter/flutter.git; fi && ls && flutter/bin/flutter doctor && flutter/bin/flutter clean && flutter/bin/flutter config --enable-web

[anandyadav21219]

It's helps

[The-RootCause]

Any updates concerning Flutter web native support ?