cdk-site-cf.ts

const cfDist = new cloudfront.CloudFrontWebDistribution(this, 'CfDistribution', {
  comment: 'CDK Cloudfront Secure S3',
  viewerCertificate: ViewerCertificate.fromAcmCertificate(cert, {
    aliases: [DOMAIN_NAME, WWW_DOMAIN_NAME],
  }),
  defaultRootObject: ROOT_INDEX_FILE,
  viewerProtocolPolicy: ViewerProtocolPolicy.REDIRECT_TO_HTTPS,
  httpVersion: HttpVersion.HTTP2,
  priceClass: PriceClass.PRICE_CLASS_100, // the cheapest
  originConfigs: [
    {
      s3OriginSource: {
        originAccessIdentity: accessIdentity,
        s3BucketSource: siteBucket,
        originPath: `/${PROD_FOLDER}`,
      },
      behaviors: [
        {
          compress: true,
          isDefaultBehavior: true,
        },
      ],
    },
  ],
  // Allows React to handle all errors internally
  errorConfigurations: [
    {
      errorCachingMinTtl: 300, // in seconds
      errorCode: 403,
      responseCode: 200,
      responsePagePath: `/${ROOT_INDEX_FILE}`,
    },
    {
      errorCachingMinTtl: 300, // in seconds
      errorCode: 404,
      responseCode: 200,
      responsePagePath: `/${ROOT_INDEX_FILE}`,
    },
  ],
});