Cloudfront Stack

cloudfront-stack.ts

import { App, Stack, StackProps, RemovalPolicy } from '@aws-cdk/core';
import { StaticWebsite } from '@cloudcomponents/cdk-static-website';

/**
 * Static site infrastructure, which uses an S3 bucket for the content.
 *
 * The site redirects from HTTP to HTTPS, using a CloudFront distribution,
 * Route53 alias record, and ACM certificate.
 *
 * The ACM certificate is expected to be created and validated outside of the CDK,
 * with the certificate ARN stored in an SSM Parameter.
 */
export class ComponentStack extends Stack {

    constructor(parent: App, name: string, props?: StackProps) {
        super(parent, name, props);

        new StaticWebsite(this, 'StaticWebsite', {
            bucketConfiguration: {
                bucketName: process.env.S3_BUCKET,
                removalPolicy: RemovalPolicy.DESTROY,
                disableUpload: false,
                websiteIndexDocument: process.env.INDEX_PAGE,
                websiteErrorDocument: process.env.ERROR_PAGE,
                source: './html'
            },
            aliasConfiguration: {
                domainName: process.env.DOMAIN as string,
                names: [`${process.env.SUBDOMAIN}.${process.env.DOMAIN}`, `${process.env.DOMAIN}`],
                acmCertRef: process.env.ACM_CERT_REF as string,
            },
        });
    }
}