AWS Route 53 and CloudFront

To host your documentation at a subpath such as yoursite.com/docs using AWS Route 53 and CloudFront, you must configure your DNS provider to point to your CloudFront distribution. Before configuring AWS, set your base path in your dashboard:

1. Navigate to the Custom domain setup page in your dashboard.
2. Enable the Host at toggle.
3. Enter your domain.
4. Enter your base path. For example, /docs or /help.
5. Click Add domain.

​

Overview

Route traffic to these paths with a Cache Policy of CachingDisabled:

• /.well-known/acme-challenge/* - Required for Let’s Encrypt certificate verification
• /.well-known/vercel/* - Required for domain verification
• /docs/* - Required for subpath routing
• /docs/ - Required for subpath routing

Route traffic to these paths with a Cache Policy of CachingEnabled:

• /mintlify-assets/_next/static/*
• Default (*) - Your website’s landing page

All Behaviors must have an origin request policy of AllViewerExceptHostHeader. The behaviors for your subpath must allow all HTTP methods. CloudFront only allows GET and HEAD requests by default, which blocks the POST requests that Mintlify uses for analytics and other interactive features.

​

Create CloudFront distribution

1. Navigate to CloudFront inside the AWS console.
2. Click Create distribution.

3. For the Origin domain, input [SUBDOMAIN].mintlify.site where [SUBDOMAIN] is your project’s unique subdomain.

4. For “Web Application Firewall (WAF),” enable security protections.

5. The remaining settings should be default.
6. Click Create distribution.

​

Add default origin

1. After creating the distribution, navigate to the “Origins” tab.

2. Find your staging URL that mirrors the main domain. This varies depending on your landing page host. For example, the Mintlify staging URL is mintlify-landing-page.vercel.app.

3. Create a new Origin and add your staging URL as the “Origin domain.”

By this point, you should have two Origins: one with [SUBDOMAIN].mintlify.site and another with your staging URL.

​

Set behaviors

Behaviors in CloudFront enable control over the subpath logic. At a high level, you create the following logic:

• If a user lands on your custom subpath, go to [SUBDOMAIN].mintlify.site.
• If a user lands on any other page, go to the current landing page.

1. Navigate to the “Behaviors” tab of your CloudFront distribution.

2. Click the Create behavior button and create the following behaviors.

​

/.well-known/*

Create behaviors for Vercel domain verification paths with a Path pattern of /.well-known/* and set Origin and origin groups to your docs URL. For “Cache policy,” select CachingDisabled to ensure these verification requests pass through without caching.

​

Your subpath

Create a behavior with a Path pattern of your chosen subpath, for example /docs, with Origin and origin groups pointing to the .mintlify.site URL (for example, acme.mintlify.site).

• Set “Cache policy” to CachingDisabled.
• Set “Origin request policy” to AllViewerExceptHostHeader.
• Set “Viewer protocol policy” to Redirect HTTP to HTTPS.
• Set “Allowed HTTP methods” to GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE.

​

Your subpath with wildcard

Create a behavior with a Path pattern of your chosen subpath followed by /*, for example /docs/*, and Origin and origin groups pointing to the same .mintlify.site URL. These settings should exactly match your base subpath behavior, with the exception of the Path pattern.

• Set “Cache policy” to CachingDisabled.
• Set “Origin request policy” to AllViewerExceptHostHeader.
• Set “Viewer protocol policy” to Redirect HTTP to HTTPS.
• Set “Allowed HTTP methods” to GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE.

​

/mintlify-assets/_next/static/*

• Set “Cache policy” to CachingOptimized.
• Set “Origin request policy” to AllViewerExceptHostHeader.
• Set “Viewer protocol policy” to Redirect HTTP to HTTPS.

​

Default (*)

Lastly, edit the Default (*) behavior.

1. Change the default behavior’s Origin and origin groups to the staging URL (for example, mintlify-landing-page.vercel.app).

2. Click Save changes.

​

Check that you set up behaviors correctly

If you follow the preceding steps, your behaviors should look like this:

​

Preview distribution

You can now test whether you set up your distribution properly by going to the “General” tab and visiting the Distribution domain name URL. All pages should be directing to your main landing page, but if you append your chosen subpath, for example /docs, to the URL, you should see it going to your Mintlify documentation instance.

​

Connect with Route 53

Now, bring the capabilities of the CloudFront distribution into your primary domain.

1. Navigate to Route53 inside the AWS console.
2. Navigate to the “Hosted zone” for your primary domain.
3. Click Create record.

4. Toggle Alias and then Route traffic to the Alias to CloudFront distribution option.

5. Click Create records.

Your documentation is now live at your chosen subpath for your primary domain.