How to deploy Vite to AWS

Deploy the Vite output to S3 and deliver it through CloudFront.

Prerequisites

A Git repository containing your application and its production build command.
A Ravion account with your AWS account connected. Start free at Ravion signup.
The Ravion CLI installed and authenticated. See CLI installation.

The examples use my-org/my-app as a placeholder. Replace it with your repository before applying the config.

Set up this Vite app for Ravion static hosting.

Configure the deployment

Ravion uses SPA routing so client-side routes resolve to index.html. This example uses Railpack for the build. Use build_source: dockerfile instead when you need a custom Dockerfile.

ravion.yaml

project:
  givenId: vite-site
  name: Vite site
environments:
  - givenId: production
    name: Production
    moduleInstances:
      - givenId: static-site
        name: Vite site
        type: rvn-aws-static
        version: 1.0.0
        input:
          aws_account_id: ravion-prod
          aws_region: us-east-1
          name: vite-site-production
          build_source: railpack
          source_repo: my-org/my-vite-app
          railpack_build_cmd: npm run build

Vite runs npm run build and writes to dist. Add variables needed by the browser as VITE_* build variables.

Apply and connect your domain

ravion project create --given-id vite-site --name "Vite site"
ravion project config apply vite-site --file ravion.yaml --dry-run
ravion project config apply vite-site --file ravion.yaml

Follow custom domains to attach your domain to CloudFront.

Next steps

Custom domains

Point a domain at your deployed service and manage its certificate.

Project config

Preview and apply Ravion configuration from source control.

Pipelines

Add approvals, migrations, and deployment automation.

Logs and metrics

Inspect deploy output and production health in Ravion.

⌘I

​Prerequisites

​Configure the deployment

​Apply and connect your domain

​Next steps