---
title: "AriaDocs: Documentation Template"
description: "This open-source Next.js template provides a sleek and responsive design for comprehensive documentation and engaging blog content."
url: "https://vercel.com/templates/next.js/documentation-template"
links:
  repository: "https://github.com/nisabmohd/Aria-Docs"
  demo: "https://ariadocs.vercel.app/"
  deploy: "https://vercel.com/new/clone?demo-title=AriaDocs%3A+Documentation+Template&demo-description=This+open-source+Next.js+template+provides+a+sleek+and+responsive+design+for+comprehensive+documentation+and+engaging+blog+content.&demo-url=https%3A%2F%2Fariadocs.vercel.app%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F32DEfLdfmg3Xh3iXDki3zi%2Fca3c044cfa4a2ad354aead1689f13fd3%2Ff02efb2f0c8aadfc6f9ec58b85a6681deeb6c9ea.jpeg&project-name=AriaDocs%3A+Documentation+Template&repository-name=documentation-template&repository-url=https%3A%2F%2Fgithub.com%2Fnisabmohd%2FAria-Docs&from=templates&skippable-integrations=1"
---

# AriaDocs: Documentation Template

This open-source Next.js template provides a sleek and responsive design for comprehensive documentation and engaging blog content.

# Aria-Docs

A **documentation-building library** for React and Next.js. Render MDX content, organize docs with `_meta.json`, and build modern documentation sites with minimal setup.

**🌐 Website: [ariadocs.vercel.app](https://ariadocs.vercel.app/)**

## Packages

| Package                               | Description                          |
| ------------------------------------- | ------------------------------------ |
| [@ariadocs/react](https://github.com/nisabmohd/Aria-Docs/tree/main/packages/library) | Core library for building docs sites |

## Quick Links

- **[Documentation & API Reference](https://github.com/nisabmohd/Aria-Docs/tree/main/packages/library/README.md)** - Full usage guide, API reference, and examples
- **[Installation](https://github.com/nisabmohd/Aria-Docs/tree/main/packages/library/README.md#installation)** - Get started with `@ariadocs/react`

## Features

- 📝 **MDX Support** - Write documentation in MDX with full React component support
- 🗂️ **Navigation** - Auto-generate navigation from `_meta.json` files
- 🎨 **Syntax Highlighting** - Built-in Prism.js integration for code blocks
- ⚡ **Server Components** - Full support for React Server Components
- 🔌 **Plugin System** - Extensible with remark/rehype plugins

## Quick Start

```bash
pnpm add @ariadocs/react
```

```tsx
import { createDocs } from "@ariadocs/react";
import {
  remarkGfm,
  rehypePrism,
  rehypeSlug,
  rehypeAutolinkHeadings,
  rehypeCodeTitles,
} from "@ariadocs/react/plugins";

export const docs = createDocs({
  contentDir: "contents/docs",
  remarkPlugins: [remarkGfm],
  rehypePlugins: [
    rehypeSlug,
    rehypeAutolinkHeadings,
    rehypeCodeTitles,
    rehypePrism,
  ],
});
```

👉 **[See full documentation](https://github.com/nisabmohd/Aria-Docs/tree/main/packages/library/README.md)** for complete API reference, examples, and guides.

## Development

```bash
# Install dependencies
pnpm install

# Build the library
pnpm --filter @ariadocs/react build

# Run the docs site
pnpm --filter web dev
```

## License

MIT © [Nisab Mohd](https://github.com/nisabmohd)

## Related Templates

### [Next.js Commerce](https://vercel.com/templates/next.js/nextjs-commerce)

Starter kit for high-performance commerce with Shopify.

### [Platforms Starter Kit](https://vercel.com/templates/next.js/platforms-starter-kit)

Next.js template for building multi-tenant applications with the App Router and Redis.

### [Next.js App Router Playground](https://vercel.com/templates/next.js/app-directory)

Examples of many Next.js App Router features.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.