Skip to content

Commit c9d7960

Browse files
committed
spelling: correct Cloudfront -> CloudFront
1 parent d54c730 commit c9d7960

File tree

1 file changed

+21
-21
lines changed

1 file changed

+21
-21
lines changed

advanced/subpath/route53-cloudfront.mdx

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,12 @@
11
---
2-
title: "AWS Route 53 and Cloudfront"
2+
title: "AWS Route 53 and CloudFront"
33
sidebarTitle: "AWS"
44
description: "Host documentation at a /docs subdirectory using AWS services"
55
---
66

77
import Propagating from "/snippets/custom-subpath-propagating.mdx";
88

9-
To host your documentation at a `/docs` subpath using AWS Route 53 and Cloudfront, you need to configure your DNS provider to point to your Cloudfront distribution.
9+
To host your documentation at a `/docs` subpath using AWS Route 53 and CloudFront, you need to configure your DNS provider to point to your CloudFront distribution.
1010

1111
## Proxies with Vercel deployments
1212

@@ -32,19 +32,19 @@ You must create a custom origin request policy that forwards the `HOST` header a
3232

3333
You must include the `CloudFront-Viewer-Address` header in your origin request policy or cache policy headers configuration to forward the header to your origin.
3434

35-
## Create Cloudfront distribution
35+
## Create CloudFront distribution
3636

37-
1. Navigate to [Cloudfront](https://aws.amazon.com/cloudfront) inside the AWS console.
37+
1. Navigate to [CloudFront](https://aws.amazon.com/cloudfront) inside the AWS console.
3838
2. Select **Create distribution**.
3939

4040
<Frame>
41-
![Cloudfront Distributions page with the "Create distribution" button emphasized.](/images/cloudfront/create-distribution.png)
41+
![CloudFront Distributions page with the "Create distribution" button emphasized.](/images/cloudfront/create-distribution.png)
4242
</Frame>
4343

4444
3. For the Origin domain, input `[SUBDOMAIN].mintlify.dev` where `[SUBDOMAIN]` is your project's unique subdomain.
4545

4646
<Frame>
47-
![Cloudfront "Create distribution" page showing "acme.mintlify.dev" as the origin domain.](/images/cloudfront/origin-name.png)
47+
![CloudFront "Create distribution" page showing "acme.mintlify.dev" as the origin domain.](/images/cloudfront/origin-name.png)
4848
</Frame>
4949

5050
4. For "Web Application Firewall (WAF)," enable security protections.
@@ -61,7 +61,7 @@ You must include the `CloudFront-Viewer-Address` header in your origin request p
6161
1. After creating the distribution, navigate to the "Origins" tab.
6262

6363
<Frame>
64-
![A Cloudfront distribution with the "Origins" tab highlighted.](/images/cloudfront/origins.png)
64+
![A CloudFront distribution with the "Origins" tab highlighted.](/images/cloudfront/origins.png)
6565
</Frame>
6666

6767
2. Find your staging URL that mirrors the main domain. This is highly variant depending on how your landing page is hosted. For example, the Mintlify staging URL is [mintlify-landing-page.vercel.app](https://mintlify-landing-page.vercel.app).
@@ -75,26 +75,26 @@ You must include the `CloudFront-Viewer-Address` header in your origin request p
7575
3. Create a new Origin and add your staging URL as the "Origin domain".
7676

7777
<Frame>
78-
![Cloudfront "Create origin" page with a "Origin domain" input field highlighted.](/images/cloudfront/default-origin.png)
78+
![CloudFront "Create origin" page with a "Origin domain" input field highlighted.](/images/cloudfront/default-origin.png)
7979
</Frame>
8080

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

8383
<Frame>
84-
![Cloudfront "Origins" page with two origins: One for `mintlify` and another for `mintlify-landing-page`.](/images/cloudfront/final-origins.png)
84+
![CloudFront "Origins" page with two origins: One for `mintlify` and another for `mintlify-landing-page`.](/images/cloudfront/final-origins.png)
8585
</Frame>
8686

8787
## Set behaviors
8888

89-
Behaviors in Cloudfront enable control over the subpath logic. At a high level, we're looking to create the following logic.
89+
Behaviors in CloudFront enable control over the subpath logic. At a high level, we're looking to create the following logic.
9090

9191
- **If a user lands on /docs**, go to `[SUBDOMAIN].mintlify.dev`.
9292
- **If a user lands on any other page**, go the current landing page.
9393

94-
Navigate to the "Behaviors" tab of your Cloudfront distribution.
94+
Navigate to the "Behaviors" tab of your CloudFront distribution.
9595

9696
<Frame>
97-
![Cloudfront "Behaviors" tab highlighted.](/images/cloudfront/behaviors.png)
97+
![CloudFront "Behaviors" tab highlighted.](/images/cloudfront/behaviors.png)
9898
</Frame>
9999

100100
Select the **Create behavior** button and create the following behaviors.
@@ -106,7 +106,7 @@ Create behaviors for Vercel domain verification paths with a **Path pattern** of
106106
For "Cache policy", select **CachingDisabled** to ensure these verification requests pass through without caching.
107107

108108
<Frame>
109-
![Cloudfront "Create behavior" page with a "Path pattern" of "/.well-known/*" and "Origin and origin groups" pointing to the staging URL.](/images/cloudfront/well-known-policy.png)
109+
![CloudFront "Create behavior" page with a "Path pattern" of "/.well-known/*" and "Origin and origin groups" pointing to the staging URL.](/images/cloudfront/well-known-policy.png)
110110
</Frame>
111111

112112
<Info>
@@ -120,16 +120,16 @@ If `.well-known/*` is too generic, it can be narrowed down to 2 behaviors at a m
120120
Create a behavior with a **Path pattern** of `/docs` with **Origin and origin groups** pointing to the `.mintlify.dev` URL (in our case `acme.mintlify.dev`).
121121

122122
- Set "Cache policy" to **CachingOptimized**.
123-
- In "Origin request policy". Create an origin request policy named **VercelCloudFrontProxy**. That forward the `Origin` and `CloudFront-Viewer-Address` headers.
123+
- In "Origin request policy", create an origin request policy named **VercelCloudFrontProxy**. That forwards the `Origin` and `CloudFront-Viewer-Address` headers.
124124

125125
<Frame>
126-
![Cloudfront Create origin request policy page that forwards the `Origin` and `CloudFront-Viewer-Address` headers](/images/cloudfront/origin-request-policy.png)
126+
![CloudFront Create origin request policy page that forwards the `Origin` and `CloudFront-Viewer-Address` headers](/images/cloudfront/origin-request-policy.png)
127127
</Frame>
128128

129129
- Set Viewer Protocol Policy to **Redirect HTTP to HTTPS**
130130

131131
<Frame>
132-
![Cloudfront "Create behavior" page with a "Path pattern" of "/docs/*" and "Origin and origin groups" pointing to the `acme.mintlify.dev` URL.](/images/cloudfront/behavior-1.png)
132+
![CloudFront "Create behavior" page with a "Path pattern" of "/docs/*" and "Origin and origin groups" pointing to the `acme.mintlify.dev` URL.](/images/cloudfront/behavior-1.png)
133133
</Frame>
134134

135135
### `/docs/*`
@@ -147,13 +147,13 @@ These settings should exactly match `/docs`. With the exception of the **Path pa
147147
Lastly, we're going to edit the `Default (*)` behavior.
148148

149149
<Frame>
150-
![A Cloudfront distribution with the "Default (*)" behavior selected and the Edit button emphasized.](/images/cloudfront/default-behavior-1.png)
150+
![A CloudFront distribution with the "Default (*)" behavior selected and the Edit button emphasized.](/images/cloudfront/default-behavior-1.png)
151151
</Frame>
152152

153153
1. Change the default behavior's **Origin and origin groups** to the staging URL (in our case `mintlify-landing-page.vercel.app`).
154154

155155
<Frame>
156-
![Cloudfront "Edit behavior" page with the "Origin and origin groups" input field highlighted.](/images/cloudfront/default-behavior-2.png)
156+
![CloudFront "Edit behavior" page with the "Origin and origin groups" input field highlighted.](/images/cloudfront/default-behavior-2.png)
157157
</Frame>
158158

159159
2. Select **Save changes**.
@@ -163,22 +163,22 @@ Lastly, we're going to edit the `Default (*)` behavior.
163163
If you follow the above steps, your behaviors should look like this:
164164

165165
<Frame>
166-
![Cloudfront "Behaviors" page with 4 behaviors: `/docs/*`, `/docs`, `Default`, and `/.well-known/*`.](/images/cloudfront/all-behaviors.png)
166+
![CloudFront "Behaviors" page with 4 behaviors: `/docs/*`, `/docs`, `Default`, and `/.well-known/*`.](/images/cloudfront/all-behaviors.png)
167167
</Frame>
168168

169169
## Preview distribution
170170

171171
You can now test if your distribution is set up properly by going to the "General" tab and visiting the **Distribution domain name** URL.
172172

173173
<Frame>
174-
![Cloudfront "General" tab with the "Distribution domain name" URL highlighted.](/images/cloudfront/preview-distribution.png)
174+
![CloudFront "General" tab with the "Distribution domain name" URL highlighted.](/images/cloudfront/preview-distribution.png)
175175
</Frame>
176176

177177
All pages should be directing to your main landing page, but if you append `/docs` to the URL, you should see it going to your Mintlify documentation instance.
178178

179179
## Connect with Route53
180180

181-
Now, we're going to bring the functionality of the Cloudfront distribution into your primary domain.
181+
Now, we're going to bring the functionality of the CloudFront distribution into your primary domain.
182182

183183
<Note>
184184
For this section, you can also refer to AWS's official guide on [Configuring

0 commit comments

Comments
 (0)