Summary - Flutter web

Combine build web and setUrlStrategy for a web app.

Summary - Flutter web

Publishing a Flutter web app combines two steps: produce a production bundle with flutter build web, and remove the '#' from the URL with setUrlStrategy(PathUrlStrategy()). Together they yield a fast web app with clean URLs.

// Terminal
flutter build web

// main.dart
setUrlStrategy(PathUrlStrategy());

Exercise Publishing steps list

In main, define a list with two commands: ['flutter build web', 'setUrlStrategy']. Print the length of the list.

Show example solution

void main() {
  final steps = ['flutter build web', 'setUrlStrategy'];
  print(steps.length);
}

Test yourself

Which two steps combine when publishing a Flutter web app?
- flutter clean and flutter analyze
- flutter build web and setUrlStrategy
- flutter run and flutter test
- flutter create and flutter pub get
Show answer

flutter build web and setUrlStrategy — flutter build web produces the production bundle, setUrlStrategy removes the '#' from the URL; together they form the published web app.

setUrlStrategy call

____(PathUrlStrategy());

Show answer

setUrlStrategy(PathUrlStrategy());

Flutter web summary matches

flutter_web

Browser platform
build_web

Build step
setUrlStrategy

URL configuration
PathUrlStrategy

Clean URL strategy

Next lesson: Theme architecture

We Are Enhancing Your Experience

Cookie Preferences

Strictly Necessary Cookies

Analytical Cookies