Runtime configuration created for a ReactJS frontend and hosted in S3

client-stack.ts

// Setup Bucket Deployment to automatically deploy new assets and invalidate cache
new s3deploy.BucketDeployment(this, 'ClientBucketDeployment', {
  sources: [
    s3deploy.Source.asset(path.join(__dirname, '../../../../client/build')),
    s3deploy.Source.jsonData('config.json', {
      stage,
      domainName: props.domainName,
      subDomain,
      api: `https://api-${stage}.${props.domainName}`,
    }), // runtime config for client
  ],
  destinationBucket: this.bucket,
  metadata: {
    stageName: stage,
  },
  distribution: cloudFrontDistribution,
  distributionPaths: ['/*'],
});