Deploying

Throughout the workshop, we've been using a development server to view the examples. This is similar to the setup you would use when developing an application with the ol package. When you're ready to deploy your application, you'll want to create a minified bundle of your application entry point with a build step.

We've been using Vite for module bundling during development. When we started the development server with npm start, we were running Vite in development mode. In production mode, the bundle is minified.

To build assets for deployment, we run our build script from package.json:

npm run build

This runs vite build and copies the data directory to the dist/ folder.

After the build finishes, you'll have artifacts in the dist directory. These are the assets that you would deploy to your production server (or S3, or wherever you want to host your application). You can see what the app looks like by running a local http server.

npx serve dist

Now you can open http://localhost:3000/ to see how the application will look in production.

That's it. You're done!