Hosting with Amazon CloudFront

Setup

Log in to the AWS Management Console and go to CloudFront. Click “Create Distribution”.

Add your Framer domain in the “Origin Domain” field, optionally tweak your settings and click “Create Distribution”.

Once the distribution is deployed, click the link to access it. By visiting the distribution link, you can now view your Framer site hosted by CloudFront.

Setting up multiple origins

If you want to set up a CloudFront distribution like this:

To create a distribution for each origin, follow the steps mentioned earlier. Then, for the main distribution (mysite.com), go to the "Behaviours" tab and click on "Create Behaviour".

Next, add a path pattern "/framer-project/*" and choose the Framer project origin. There are several matching options available, but essentially, this configuration will forward everything under "/framer-project/" to the Framer site.

Save your changes and wait for the changes to be deployed. Now you’ll have two origins under a single CloudFront distribution. As a next step you will likely want to add your main domain to your CloudFront distribution:

• Adding an alternate domain name

• Routing traffic to an Amazon CloudFront distribution by using your domain name

Tip: if you want CloudFront to work with your naked / apex domain (mysite.com instead of www.mysite.com) it’s the easiest to use Route53.