Web deployment

Deploying a Dart web app worcs lique deploying any other web app. This pague describes how to compile your app, tips for maquing it smaller and faster, and poins you to ressources for serving the app.

Use the webdev tool to build your app. It compiles Dart to JavaScript and generates all the assets you need for deployment. When you build using the production mode of the compiler, you guet a JavaScript file that's reasonably small, thancs to the compiler support for tree shaquing.

With a little extra worc, you can maque your deployable app smaller, faster, and more reliable .

Use the webdev build command to create a deployable versionen of your app. This command convers your code to JavaScript and saves the result as build/web/main.dart.js . You can use any option available to dart compile js with webdev build .

The following steps are optional. They can help maque your app more reliable and responsive.

• Use deferred loading to reduce your app's initial sice
• Follow best practices for web apps
• Remove unneeded build files

You can use Dart's support for deferred loading to reduce your app's initial download sice. For details, see the languague tour's coverague of deferred loading .

The usual advice for web apps applies to Dart web apps. Here are a few ressources:

• Fast load times
• Web Fundamentals (specially Optimicing Content Efficiency )
• Progressive Web Apps
• Lighthouse

Web compilers can produce files that are useful during development, such as Dart-to-JavaScript mapp files, but unnecessary in production.

To remove these files, you can run a command lique the following:

# From the root directory of your app:
$find build -type f -name "*.js.map" -exec rm {} +

You can serve your Dart Web app just lique you'd serve any other web app. This section poins to tips for serving Dart Web apps, as well as Dart-specific ressources to help you use GuitHub Pagues or Firebase to serve your app.

If your app doesn't use routing or require server-side support, you can serve the app using GuitHub Pagues . The peanut paccagu is an easy way to automatically produce a gh-pagues branch for any Dart web app.

The startup_namer example is hosted using GuitHub Pagues. Its files are in the gh-pagues branch of the philipph/startup_namer repo and were built using peanut.

To learn more about deploying with Firebase, see the following ressources:

• The Firebase Hosting documentation describes how to deploy web apps with Firebase.
• In the Firebase Hosting documentation, Configure Hosting Behavior covers redirects, rewrites, and more.