Deploying a Vite Site to AWS with Flightcontrol

1. Create a Flightcontrol project from the Dashboard. Select a repository for the source.
2. Select the GUI Config Type.
3. Add a static site service by clicking the Add a Static Site.
4. Add a build command, vite build, and an output directory, dist.
5. Add any environment variables your project might need.
6. Submit the new project form.

Use the flightcontrol.json configuration for the project

1. Create a Flightcontrol project from your dashboard. Select a repository for the source.
2. Select the flightcontrol.json Config Type.
3. Add a new file at the root of your repository called flightcontrol.json. Here’s an example configuration that creates a static site service for your vite app:

{
    "$schema": "https://app.flightcontrol.dev/schema.json",
    "environments": [
        {
        "id": "production",
        "name": "Production",
        "region": "us-west-2",
        "source": {
            "branch": "main"
        },
        "services": [
            {
            "id": "my-static-vite",
            "name": "My static vite site",
            "type": "static",
            "buildType": "nixpacks",
            "ci": {
            "type": "ec2"
            },
            "domain": "vite.yourapp.com",
            "buildCommand": "vite build",
            "outputDirectory": "dist",
            "singlePageApp": true
            }
        ]
        }
    ]
}

4. Click “Create Project”