📋
SaveYourTime
  • SaveYourTime - Coding Notes
  • Front-End
    • Next.js - Set up with TypeScript
  • Backend
    • Install MySQL on Ubuntu
    • Setup Certbot with route53 on Ubuntu 20.04
    • Configure a Nginx HTTPS Reverse Proxy
    • TypeORM - How to seed data with typeorm-seeding 🔥
  • React Native
    • React Native - Facebook Login
    • React Native - Adding a new Swift file and a Bridge header
  • Tools
    • ESLint
    • Prettier
  • Amazon Web Services
    • AWS - Deploy Next.js Application to AWS S3
    • AWS - Deploy Nest.js Server to Elastic Beanstalk
    • AWS - Setup AWS CloudFront
    • AWS - Configure HTTPS for CloudFront with GoDaddy Domain
    • AWS - Configure HTTPS for Elastic Beanstalk Environments with GoDaddy Domain
    • AWS - Fix Next.js static site hosted on S3 CloudFront routing fails on page reload
    • AWS - Running Puppeteer on AWS EC2
    • AWS - Running Metabase on AWS Elastic Beanstalk
  • GitHub Actions
    • Github - Deploying a React Next.js App to AWS S3 with Github Actions
    • Github - Deploying a Nest.js App to AWS Elastic Beanstalk (Docker Platform) with Github Actions
    • Github - Deploying a Nest.js App to AWS Elastic Beanstalk (Node.js Platform) with Github Actions
  • Others
    • Using Fastlane to automate beta deployments and releases for your iOS and Android apps
    • NodeBB
Powered by GitBook
On this page
  • Create a CloudFront Distributions
  • Add CloudFront's Domain name to your DNS CNAME

Was this helpful?

  1. Amazon Web Services

AWS - Setup AWS CloudFront

PreviousAWS - Deploy Nest.js Server to Elastic BeanstalkNextAWS - Configure HTTPS for CloudFront with GoDaddy Domain

Last updated 4 years ago

Was this helpful?

Create a CloudFront Distributions

  • Go to Services > CloudFront

  • Click on Create Distribution and choose Web Distribution

  • Set the Origin Domain Name to be the newly created s3 bucket

  • Select Redirect HTTP to HTTPS to enable https

  • To enable gzip compression for faster load times, set Compress Objects Automatically to yes

  • Under Alternative Domain names (CNAMEs) enter the URLs where you want your website to be accessible. (in this case, the s3 bucket name or subdomains that your SSL certificate supports, i.e: xxx.cloudfront.net)

  • Set the Default Root Object to index.html so it redirects / to /index.html

  • Click Create Distribution and wait until the distribution is created

Add CloudFront's Domain name to your DNS CNAME

How to deploy web apps to AWS using S3 & CloudFrontITNEXT
https://oranwind.org/aws-cloudfront/oranwind.org
Logo