By the end of this guide, you’ll have a live documentation site that’s ready to customize and expand.

Prerequisites: Before you begin, make sure to create an account and complete onboarding.

Getting Started

Once you’ve completed the onboarding process, your documentation site will be automatically deployed to a unique URL with the following format:

https://<your-project-name>.mintlify.app

You can find your URL from the Overview page of the dashboard.

Your unique documentation URL appears in the dashboard overview

This URL is instantly available and updates whenever you make changes to your documentation. It’s perfect for testing and sharing with your team during development.

Install the GitHub App

The GitHub App automates the deployment process when you push changes to your repository.

You can install the GitHub App by following the instructions from the onboarding checklist or from your dashboard:

  1. Navigate to Settings in your dashboard
  2. Select GitHub App from the sidebar
  3. Select Install GitHub App (this opens a new tab to the GitHub App installation page)
  4. Select the organization or user account where you want to install the app
  5. Select the repositories you want to connect

Installing the GitHub App connects your repository for automatic deployments

Remember to update the GitHub App permissions if you move the documentation to a different repository.

Authorize Your GitHub Account

  1. Navigate to Settings in your dashboard
  2. Select My Profile from the sidebar
  3. Select Authorize GitHub account (this opens a new tab to the GitHub authorization page)

You may need an admin for your GitHub organization to authorize your account depending on your organization’s settings.

Editing Workflows

Choose between two workflows for creating and maintaining your documentation:

Code-based workflow

For developers who prefer working with their existing tools. Click to jump to section.

Web editor workflow

For those who prefer a visual interface. Click to jump to section.

Code-Based Workflow

The code-based workflow integrates with your existing development environment and Git repositories, making it ideal for technical teams who want to manage documentation alongside their code.

Install the CLI

To work locally with your documentation, install the Command Line Interface (CLI), called mint, by running the following command in your terminal:

npm install -g mint

You need Node.js version 19 or higher installed on your machine. If you encounter installation issues, check the troubleshooting guide.

Edit Your Documentation

Now that your environment is set up, you can start editing your documentation files. As an example, let’s update the title of the introduction page:

  1. Open your repository created during onboarding
  2. Find the introduction.mdx file
  3. Locate the frontmatter at the top of the file:
introduction.mdx
---
title: "Introduction"
description: "This is the introduction to the documentation"
---
  1. Update the title field to "Hello World":
introduction.mdx
---
title: "Hello World"
description: "This is the introduction to the documentation"
---

Preview Your Changes

To preview the changes locally, run the following command:

mint dev

Your preview will be available at localhost:3000.

Local development server showing your documentation changes in real-time

Push Your Changes

When you’re ready to publish your changes, simply push them to your repository.

The system will automatically:

  • Detect the changes
  • Build your documentation
  • Deploy the updates to your site

You can monitor the deployment status in your GitHub repository’s commit history or the dashboard.

Once the deployment is complete, your updates will be available at <your-project-name>.mintlify.app.

Jump to adding a custom domain

Optionally skip the web editor workflow and jump to adding a custom domain.

Web Editor Workflow

The web editor workflow provides a what-you-see-is-what-you-get (WYSIWYG) interface for creating and editing documentation. It’s ideal for people who want to work in their web browser without additional local development tools.

Access the Web Editor

  1. Log in to your dashboard
  2. Select Editor on the left sidebar

If you haven’t installed the GitHub App, you’ll be prompted to do so upon opening the web editor.

The web editor provides a visual interface for editing documentation

Edit Your Documentation

In the web editor, you can navigate your documentation files in the sidebar. Let’s update the introduction page:

  1. Find and click on introduction.mdx in the file explorer
  2. In the visual editor, update the title field to “Hello World”

Editing content directly in the visual editor with real-time preview

The editor provides a rich set of formatting tools and components. Access them by typing ”/” in the editor to open the command menu.

Publish Your Changes

When you’re satisfied with your edits, click the Publish button in the top-right corner.

Your changes will be deployed immediately to your documentation site.

For more details about using the web editor, including advanced features like slash commands and image uploads, see our Web Editor documentation.

Adding a Custom Domain

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:

  1. Go to Settings > Custom Domain from the dashboard
  2. Enter your domain (e.g., docs.yourcompany.com)
  3. Follow the provided instructions to configure DNS settings with your domain provider

Custom domain configuration in the dashboard settings

Configure your DNS settings with these values:

DNS changes can take up to 48 hours to propagate, though they often complete much sooner.

Next Steps

Congratulations! You’ve successfully deployed your documentation site. Here are some suggested next steps to enhance your documentation:

Customize Your Theme

Learn how to customize colors, fonts, and the overall appearance of your documentation site.

Organize Navigation

Structure your documentation with intuitive navigation to help users find what they need.

Add Interactive Components

Enhance your documentation with interactive components like accordions, tabs, and code samples.

Set Up API References

Create interactive API references with OpenAPI and AsyncAPI specifications.

Troubleshooting

If you encounter any issues during the setup process, check these common solutions:

Need more help? Contact our Support Team.