- Problem: Access Denied error when attempting to open files in the browser.
- Cause: Tried using S3 website endpoint with Block Public Access enabled.
- Solution: Switched to CloudFront with OAC → updated bucket policy to allow only CloudFront distribution and turned off Block Public Access..
- Problem: The image is not showing on the deployed site.
- Cause: Incorrect file path in HTML (
/images/... instead of images/...) and case sensitivity issues.
- Solution: Fixed HTML tag →
<img src="images/IMG_8815-passport.jpg"> (relative path, exact case). Invalidated CloudFront cache.
- Problem: Domain not resolving initially.
- Cause: DNS still pointed to Namecheap defaults.
- Solution: Migrated DNS to Route 53 hosted zone, created Alias A/AAAA records pointing to CloudFront.