Quick Start

Getting Started with Next Docs UI

Overview

Next Docs UI is the Next.js framework for building documentation website. Built on the top of Next.js, Radix UI and Next Docs Zeta.

Create a new app with the CLI.

npx create-next-docs-app
# or
pnpx create-next-docs-app
# or
yarn create next-docs-app

Note

The example uses Contentlayer, but you can use any source you want.

Now, Create your first mdx file in the docs folder.

content/docs/index.mdx

---
title: Hello World
---
 
## Yo what's up

Run the app in development mode and see http://localhost:3000/docs.

npm run dev

Learn how to structure your pages

Learn how to implement I18n

Add themes to Next Docs UI

Learn how to use code blocks in MDX

Last updated on

Comparisons