| title | New file |
|---|---|
| description | Description of your new file. |
> Deploy your documentation in minutes
This quickstart guide shows you how to set up and deploy your documentation site in minutes.
After completing this guide, you will have a live documentation site ready to customize and expand.
<Info>
Prerequisites: Before you begin, create an account and complete onboarding.
</Info>
After you complete the onboarding process, your documentation site automatically deploys to a unique URL with this format:
```
https://<your-project-name>.mintlify.app
```
Find your URL on the Overview page of your dashboard.
<Frame>
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=282a86eda5f3ab5d9723b62a330ea2af" alt="Mintlify Domain" className="block dark:hidden" data-og-width="3024" width="3024" data-og-height="1372" height="1372" data-path="images/quickstart/mintlify-domain-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c4933a71649fc4bb51e8dcf04acd2b24 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=0584bdd9f07c8474f288d09cf95422f5 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=9ab37f154b08aa9745b80f90513575c6 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=0a8096fe65863b7329d7cfa3e4906af1 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=09bd9e97fd49c725767972ff64ef687b 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=7dd2acf06a84d72eb3fbb3bfcecf3d2a 2500w" />
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=cd2c945d8bb3c8deb4c655816e72d134" alt="Mintlify Domain" className="hidden dark:block" data-og-width="3008" width="3008" data-og-height="1368" height="1368" data-path="images/quickstart/mintlify-domain-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=16b7491bafd93b20460428137a42786c 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=a0f2b6d6c4c4f14c6a0c5477496ca5df 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=58dadc6099408743417376066aff5be9 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=f20cfe683670a53e226232593b5c3e21 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=a50c22e99c515703cce5aa3ca72a053d 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-domain-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=d480538faf8fde8e3f1955b7e966b0e2 2500w" />
</Frame>
Your site's URL is available immediately. Use this URL for testing and sharing with your team while you are setting up your docs site.
Mintlify provides a GitHub App that automates deployment when you push changes to your repository.
Install the GitHub App by following the instructions from the onboarding checklist or your dashboard.
-
Navigate to Settings in your Mintlify dashboard.
-
Select GitHub App from the sidebar.
-
Select Install GitHub App. This opens a new tab to the GitHub App installation page.
-
Select the organization or user account where you want to install the app.
-
Select the repositories that you want to connect.
<Frame>
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=47bff992030035a04156279e05e419a4" alt="GitHub App Installation" className="block dark:hidden" data-og-width="3024" width="3024" data-og-height="910" height="910" data-path="images/quickstart/github-app-installation-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=2f19d0e03136827cb200a81627561d5f 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=54002d522c6325755f480ab2d0d70d47 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=a68861931564125105d5cb227d13f87a 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=94bf8837cd595aec5b8325c8932a5c6c 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=5689a6c72f0fe3e384469e4a313f74cd 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=40f4c04a13a6084630ecdd560219e5ca 2500w" />
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=bf9a57882cce0e8ab797adde7e9727f8" alt="GitHub App Installation" className="hidden dark:block" data-og-width="3016" width="3016" data-og-height="906" height="906" data-path="images/quickstart/github-app-installation-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c94c4b055edf403844283dc340df29d0 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=906fff49f4d1b984cfaad5b18f588597 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=6b4545e0325c44a3503a3f3c65c86e12 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=36ed35bfa53cda29a40b12c430c830e8 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=4656677dad775a44bff41fc6e072cec3 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/github-app-installation-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=804d257a8efe260cd04511fa3d5b21cb 2500w" />
</Frame>
<Info>
Update the GitHub App permissions if you move your documentation to a different repository.
</Info>
-
Navigate to Settings in your Mintlify dashboard.
-
Select My Profile from the sidebar.
-
Select Authorize GitHub account. This opens a new tab to the GitHub authorization page.
<Info>
An admin for your GitHub organization may need to authorize your account depending on your organization settings.
</Info>
Mintlify offers two workflows for creating and maintaining your documentation:
<Card title="Code-based workflow" icon="terminal" horizontal href="#code-based-workflow">
For users who prefer working with existing tools in their local environment. Click to jump to this section.
</Card>
<Card title="Web editor workflow" icon="mouse-pointer-2" horizontal href="#web-editor-workflow">
For users who prefer a visual interface in their web browser. Click to jump to this section.
</Card>
The code-based workflow integrates with your existing development environment and Git repositories. This workflow is best for technical teams who want to manage documentation alongside code.
To work locally with your documentation, install the Command Line Interface (CLI), called mint, by running this command in your terminal:
<CodeGroup>
```bash npm
npm i -g mint
```
```bash pnpm
pnpm add -g mint
```
</CodeGroup>
<Info>
You need Node.js installed on your machine. If you encounter installation issues, check the troubleshooting guide.
</Info>
After setting up your environment, you can start editing your documentation files. For example, update the title of the introduction page:
-
Open your repository created during onboarding.
-
Open
index.mdxand locate the top of the file:
```mdx index.mdx
title: "Introduction"
description: "This is the introduction to the documentation"
```
- Update the
titlefield to"Hello World".
```mdx index.mdx {2}
title: "Hello World"
description: "This is the introduction to the documentation"
```
To preview the changes locally, run the following command:
```bash
mint dev
```
Your preview will be available at localhost:3000.
<Frame>
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=469e00f62b8ec5d64b78aed203819e8d" alt="Mintlify Dev" className="block dark:hidden" data-og-width="3024" width="3024" data-og-height="1518" height="1518" data-path="images/quickstart/mintlify-dev-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=626c9e9f708040cb0e1854f3bb9a84a6 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=77b2f24de1c2cf450211ca348212300c 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=8c4db5516b5e724c769b8ebf0f1b268d 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=fe77b1fc62d5c3744ddbd3b7bb586629 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=7e91a5c3fa5ad6e4e972a36ba40dadd1 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=8d5bb8f0446788210c1819474b8db008 2500w" />
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=14c30ad3671f2dc7663aefcdf04a78a9" alt="Mintlify Dev" className="hidden dark:block" data-og-width="3018" width="3018" data-og-height="1518" height="1518" data-path="images/quickstart/mintlify-dev-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=62357e55e3256ec972a2b8f2827278ad 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=caccef9bafe020aa707a0a1b3a5656e1 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c7bf6b3f6fd30be1a64a33e484441ed4 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=3f43419a98a8c298bdbea2d04352dfda 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=f7ddf0e7aeed666ca15c83fe18c8b61a 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/mintlify-dev-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=e07593be35d411829cdcc8e5df78e09e 2500w" />
</Frame>
When you are ready to publish your changes, push them to your repository.
Mintlify automatically detects the changes, builds your documentation, and deploys the updates to your site. Monitor the deployment status in your GitHub repository commit history or the dashboard.
After the deployment completes, your latest update will be available at <your-project-name>.mintlify.app.
<Card title="Jump to adding a custom domain" icon="arrow-down" href="#adding-a-custom-domain" horizontal>
Optionally, skip the web editor workflow and jump to adding a custom domain.
</Card>
The web editor workflow provides a what-you-see-is-what-you-get (WYSIWYG) interface for creating and editing documentation. This workflow is best for people who want to work in their web browser without additional local development tools.
-
Log in to your dashboard.
-
Select Editor on the left sidebar.
<Info>
If you have not installed the GitHub App, you will be prompted to install the app when you open the web editor.
</Info>
<Frame>
<img alt="The Mintlify web editor in the visual editor mode" src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=55ec9c2a242cf56c2b99c0c4ebdc1e20" className="block dark:hidden" data-og-width="3024" width="3024" data-og-height="1404" height="1404" data-path="images/quickstart/web-editor-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=af9d42a6c1e419866beefadb00bb4e51 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=64a8cf37238cb409c51c84d1288186eb 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=e10c0d7bab08a20fd57118eb1dc5545d 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=cce783da931e49536cd6eeeb9001e4dc 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=a3f263f08b80905e68056d20cc1e9f70 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c864ecf9f3d349e256c682812f9a85f0 2500w" />
<img alt="The Mintlify web editor in the visual editor mode" src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=9cc658981729d4a754b002dc681ce49a" className="hidden dark:block" data-og-width="3011" width="3011" data-og-height="1402" height="1402" data-path="images/quickstart/web-editor-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=f800da212280fdf0083042b476b9f6e6 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=e465e3a62aa47022d663488ffb8a7419 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=952ed4ab597e0ef686187ae252bdb8b1 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=6218a5a8f1f859c28beb32a483febc69 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c260516766e7f5a7f0c5737684cd7e74 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=cdbcbf887a6f01165d7c6ad2ea015763 2500w" />
</Frame>
In the web editor, you can navigate through your documentation files in the sidebar. Let's update the introduction page:
Find and select index.mdx in the file explorer.
Then, in the editor, update the title field to "Hello World".
<Frame>
<img alt="Editing in Web Editor" src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=a65976d79df7d1c2d6e230ef5b1e9912" className="block dark:hidden" data-og-width="3022" width="3022" data-og-height="1130" height="1130" data-path="images/quickstart/web-editor-editing-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=3e67e4e8658db49ae787d4661db1eb46 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=9a7f1989c3013f82865f45b653831f1f 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=f0f3e55c6694c7fd09e31151db68cdfc 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=c34eefd1c72bea7a4d0f1728f4eb9e68 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=f4fefa97bd8dfcc4b02ec5803881e207 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=4ca29de1822c4541c1885c2f64c2b563 2500w" />
<img alt="Editing in Web Editor" src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=720832290f7fd70c6bbc2b9dcf1f9d66" className="hidden dark:block" data-og-width="3018" width="3018" data-og-height="1127" height="1127" data-path="images/quickstart/web-editor-editing-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=4306b6d20ea579b0e0a0090409b20118 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=df3e8c4b2e4d8baf5a8d60271c6fb6fe 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=80431291b792c7d9b62a091ab4eae0be 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=0bbee26abdb83c77f0644534395bc484 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=026b397b851f093058eb87f938bf5afa 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/web-editor-editing-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=64ee164c0433f2b086ce4f34b2603d59 2500w" />
</Frame>
<Tip>
The editor provides a rich set of formatting tools and components. Type <kbd>/</kbd> in the editor to open the command menu and access these tools.
</Tip>
When you're satisfied with your edits, select the Publish button in the top-right corner. Your changes are immediately deployed to your documentation site.
<Tip>
Use branches to preview and review changes through pull requests before deploying to your live site.
</Tip>
For more details about using the web editor, including using branches and pull requests to collaborate and preview changes, see our web editor documentation.
While your <your-project-name>.mintlify.app subdomain works well for testing and development, most teams prefer using a custom domain for production documentation.
To add a custom domain, navigate to the Domain Setup page in your dashboard.
<Frame>
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=aac0c0fa17f686ffdd99b3052b00987e" alt="Custom Domain" className="block dark:hidden" data-og-width="3024" width="3024" data-og-height="1142" height="1142" data-path="images/quickstart/custom-domain-light.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=35566c610b9a7104695cf3c1d4d6bb86 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=583db431865eb430468c8bfdeb01330b 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=afd8d17ad542ec01d94d50b3ea32128f 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=4eae6e98ed9fef062c92277dabf8b186 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=1fa5bbea13a96f90c2bce380e3503184 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-light.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=793e2c40aba3078492b2eb2320081fb1 2500w" />
<img src="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=b233a8964e60cd635ca33b22db0c2584" alt="Custom Domain" className="hidden dark:block" data-og-width="3018" width="3018" data-og-height="1140" height="1140" data-path="images/quickstart/custom-domain-dark.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=280&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=eaad48b5f62b5e183becc31565ecacb0 280w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=560&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=e0eacda33ed8dd929e48b0fee67c8b68 560w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=840&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=e130fb02bc93220474e0e137ced30966 840w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=1100&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=442aee44f1110303c9753f01fb487b97 1100w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=1650&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=4d10f4f74b67ff1deceb5e6200823cfa 1650w, https://mintcdn.com/mintlify/f7fo9pnTEtzBD70\_/images/quickstart/custom-domain-dark.png?w=2500&fit=max&auto=format&n=f7fo9pnTEtzBD70\_&q=85&s=179b9771777c2eea4e3035d94e1bb9ab 2500w" />
</Frame>
Enter your domain (for example, docs.yourcompany.com) and follow the provided instructions to configure DNS settings with your domain provider.
<Table>
| Record Type | Name | Value | TTL |
| ----------- | ------------------- | ------------------ | ---- |
| CNAME | docs (or subdomain) | cname.mintlify.app | 3600 |
</Table>
<Info>
DNS changes can take up to 48 hours to propagate, though changes often complete much sooner.
</Info>
Congratulations! You have successfully deployed your documentation site with Mintlify. Here are suggested next steps to enhance your documentation:
<Card title="Configure your global settings" icon="settings" href="settings" horizontal>
Configure site-wide styling, navigation, integrations, and more with the docs.json file.
</Card>
<Card title="Customize your theme" icon="paintbrush" href="themes" horizontal>
Learn how to customize colors, fonts, and the overall appearance of your documentation site.
</Card>
<Card title="Organize navigation" icon="map" href="navigation" horizontal>
Structure your documentation with intuitive navigation to help users find what they need.
</Card>
<Card title="Add interactive components" icon="puzzle" href="/components/accordions" horizontal>
Enhance your documentation with interactive components like accordions, tabs, and code samples.
</Card>
<Card title="Set up API references" icon="code" href="/api-playground/overview" horizontal>
Create interactive API references with OpenAPI and AsyncAPI specifications.
</Card>
If you encounter issues during the setup process, check these common troubleshooting solutions:
<AccordionGroup>
<Accordion title="Local preview not working">
Make sure you have Node.js v19+ installed and that you run the `mint dev` command from the directory containing your `docs.json` file.
</Accordion>
<Accordion title="Changes not reflecting on live site">
Deployment can take upwards to a few minutes. Check your GitHub Actions (for code-based workflow) or deployment logs in the Mintlify dashboard to ensure there are no build errors.
</Accordion>
<Accordion title="Custom domain not connecting">
Verify that your DNS records are set up correctly and allow sufficient time for DNS propagation (up to 48 hours). You can use tools like [DNSChecker](https://dnschecker.org) to verify your CNAME record.
</Accordion>
</AccordionGroup>