How to deploy Angular to AWS

Deploy the Angular production build 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 Angular app for Ravion static hosting.

Configure the deployment

Angular CLI writes to dist/<project-name> by default; replace the example directory with the outputPath from your angular.json. This example uses Railpack for the build. Use build_source: dockerfile instead when you need a custom Dockerfile.

ravion.yaml

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

Run ng build through your npm run build script. Angular uses the production configuration by default. Set output_directory to the actual outputPath if your project name differs.

Apply and connect your domain

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

Follow custom domains to connect 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.

​Prerequisites

​Configure the deployment

​Apply and connect your domain

​Next steps