My personal React + Vite Client Side Rendered Template I use for all new personal web projects that I just want to use a SPA for.
- Register a new domain in Route 53 (For example, "mcquaid-apps.com")
- Opt to create a Route 53 Hosted Zone for this new Domain
- Create a ACM Certificate with DNS validation for that new domain following this pattern : *.mcquaid-apps.com
- Add the certificate CNAME entry in the ACM console to the associated public hosting zone
Don't forget to add secrets for GHA to the repo for the following:
- AWS_ACCESS_KEY_ID
- AWS_CERTIFICATE_ARN
- AWS_CLOUDFORMATION_STACK_NAME
- AWS_HOSTED_ZONE_ID
- AWS_S3_BUCKET_NAME
- AWS_SECRET_ACCESS_KEY