Build Your Docs.

Fumadocs is the framework for building documentation with excellent UI and user experience. Allow you to take advantage of Next.js App Router and React Server Component.

Getting StartedOpen Demo

Start instantly.
Make it yours, Ship within seconds.

1

Create it.

Initialize a new docs with a command.

localhost:3000

New App launched!
 Terminal
npm create fumadocs-app ┌ Create Fumadocs App│◇ Project name│ my-app│◆ Choose a content source│ ● Fumadocs MDX│ ○ Contentlayer
2

Customise.

Modify the code, in a comfortable way with Typescript auto-complete.

const frontmatterSchema = defaultValidators.frontmatter.extend({  preview: z.string().optional()})

index.mdx

hello.mdx

components.mdx

3

Ship.

Deploy your docs easily with Next.js compatible hosting platforms.

Loved by users.
Built for developers.

Light and Fast.

Full powered documentation site with Next.js App Router.

Performance.

Less client components, less Javascript, optimized images.

Accessibility & UX first.

Focus on user experience and accessibility, providing an excellent experience for your users.

Powerful document search.

Built-in search implemented with Flexsearch, with high flexibility and performance.

Developer Experience.

Bundled with remark and rehype plugins that enhances the developer experience.

Personalized.

Advanced options for customising your theme in a comfortable way.

Multiple Sources

Your source. Your choice

Native support for different content sources including Contentlayer and the official next/mdx loader.

MDX Editor

# Hello World!This is my first document. <ServerComponent />

Algolias Integration

Enhance your search experience.

Integrate with Algolia Search in your docs easily.

Learn More
Search...
Getting Started
Components
MDX Content
User Guide
Javascript SDK

Loved by developers

Heard of our users.

We are making it better.

Showcase

I'm satisfied with it

@joulev

Next.js Expert

Robust

Flexibility that cover your needs.

Well documented, separated in packages.

Fumadocs UI

Full-powered framework with an excellent UI.

Core

Headless library with an useful set of utilities.

Create your first documentation.

  • Battery guaranteed.Actively maintained, open for contributions.
  • Fully open-source.Open source, available on Github.
  • Within seconds.Initialize a new project instantly with CLI.
Read docsOpen in CodeSandbox

OpenAPI

Generate docs from your OpenAPI schema.

Next.js

Enjoy the full power of App Router.

Contentlayer

Integrate with Contentlayer easily.

Available now

pnpm create fumadocs-app