Next.js

Fumadocs: Create Stunning Documentation Websites in Minutes with This Free Self-hosted Tool

Hazem Abbas

Nov 5, 2024 — 4 min read

While Nextra, the famous open-source self-hosted documentation generator opened the path for similar apps with Next.js, it gained slow progress, adaptation especially for it other themes.

Fumadocs is a documentation framework based on Next.js, designed to be fast and flexible. It composes seamlessly into Next.js App Router, and benefits from the React Server Component model.

It is built on top of the most recent Next.js version, which makes it inherit all Next.js features, that include Markdown support, MDX plugins, and the new App Router.

Unlike many other solutions, Fumadocs, supports content collections, or dynamic data from any CMS that works with REST API.

The project comes with Fumadocs CLI A command-line tool to quickly set up and configure projects, helping users initialize apps and manage components efficiently.

Features

Simple setup and minimal configuration
Easy to deploy to Vercel
Built-in CI/ CD support
Markdown and MDX support
Built-in content collection support
The design is highly customizable as it is built using a fancy design system with full Tailwind CSS support.
Full-text search
Generate dynamic forms
Fumadocs UI, beautiful components allow you to build complete dynamic sites on top of it.
Syntax highlighting, which makes it the ideal solution for coding projects
Dozens of integrations that include math, Open Graph, OpenAPI, Typescript
Support translations
Custom layouts
Custom navigation
Supports custom themes
RTL (Right-to-Left) support
TOC (Table of Content) support
Zoomable images
Custom home layout
Add tables, tabs, steps, toggle, accordion, and many other UI components