Skip to content
Last updated

Set a custom domain

You can configure a custom domain for your project and optionally serve your documentation from a subdirectory path. This allows you to host your docs at URLs like docs.example.com or docs.example.com/api/.

Set up a custom domain

Configure your custom domain on the General tab of the project's Settings page:

  1. Log in to your Redocly instance.
  2. Select your project.
  3. Select Settings > Custom domain.
  4. Click Add domain.
  5. Enter the Custom Domain without the protocol. For example, "docs.example.com".
  6. (Optional) Disable the default domain by unchecking the Use proxy to URL checkbox.
  7. Click Save.
  8. Log in to your DNS management provider and complete the following steps:
    • Add a new TXT record with the name/host and value listed in the Domain verification admonition on the Custom domain section of the Settings page in your project.
    • Point the domain CNAME record to ssl.redocly.app. If you have EU data residency, point the CNAME record to ssl.eu.redocly.app.
  9. Click Verify. A Pending badge displays next to the domain, until it is verified. Once the domain is verified, a Verified badge displays next to the domain.

Serve from a subdirectory

Set a project's path prefix to serve pages from somewhere other than the root of a domain. This can help organize URLs or make the separation of content more clear. For example, a SaaS company serving their developer documentation from /developers or /api/.

The path prefix is set using the REDOCLY_PREFIX_PATHS environment variable.

URL without prefix: https://docs.example.com/page
URL with api-v2 prefix: https://docs.example.com/api-v2/page

Set prefix with .env file

Add REDOCLY_PREFIX_PATHS to a .env file in the root of your project and assign a value. Create the file if one does not exist already.

The following example adds a "/api-v2/" page prefix to the URL when a page renders:

.env
REDOCLY_PREFIX_PATHS=api-v2

This example adds a /api-v2 prefix to all pages served from your project. Users trying to access the root URL, /, are automatically redirected to /api-v2.

Separate environment files

Use named environment files for more control, such as .env.development, .env.preview, and .env.production.

Set prefix in Reunite

Set the page prefix using Reunite with the following steps:

  1. Go to the project Settings page.
  2. Select Environment variables.
  3. Click Add environment variable and add REDOCLY_PREFIX_PATHS.
  4. Click the Deploys hyperlink in the banner.
  5. Click the Trigger deploy button.

After setting a page prefix, links to Markdown pages and related assets are automatically transformed to support the path prefix. That transformation includes the sidebar, navbar, footer, and links used in content.

You do not need to update any links to Markdown content after setting a page prefix.

In React, you can automatically apply the path prefix to the URL by using the Link component, as in the following example:

ExampleComponent.tsx
import { Link } from '@redocly/theme/components/Link/Link';

export default function ExampleComponent() {
    return (
        <Link to="/guide/another-page">Another page</Link>
    )
}

The withPathPrefix helper function provides an alternative way of adding the prefix to links, as in the following example:

ExampleComponent.tsx
import { withPathPrefix } from '@redocly/theme/core/utils';

export default function ExampleComponent() {
    return (
        <a href={withPathPrefix("/guide/another-page")}>Another page</a>
    )
}

Resources

 
Next page