This open-source Next.js template provides a sleek and responsive design for comprehensive documentation and engaging blog content.
This feature-packed documentation template, built with Next.js, offers a sleek and responsive design, perfect for all your project documentation needs.
Here are all versions of the AriaDocs template, each crafted for specific use cases:
Advanced Docs: A comprehensive template offering extensive features for in-depth documentation needs. Perfect for larger projects that require detailed explanations and advanced configurations. Explore the Advanced Docs
Lite Version: A streamlined, no-frills template perfect for straightforward documentation needs. Explore the Lite Version
Version with Versioning: A powerful option for projects that require historical documentation tracking. Manage multiple versions of your docs effortlessly. Check out the Versioning Feature
i18n Support Version (WIP): Designed for international audiences, this version will offer comprehensive multilingual support. Preview the i18n Support
You can create a new Ariadocs project using the command:
npx create-aria-doc <project-directory>
When you run the CLI, you can expect an output similar to this:
Creating a new Ariadocs project in /path/to/your/project from the master branch...Cloning Master (Full Documentation)...Ariadocs project successfully created in /path/to/your/project!Next steps:1. Navigate to your project directory:cd <project-directory>2. Install dependencies:npm install3. Start the development server:npm run dev
First, run the development server:
npm run dev# oryarn dev# orpnpm dev# orbun dev
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Feature | Description |
---|---|
MDX Support | Write interactive documentation with MDX. |
Nested Pages | Organize content in a nested, hierarchical structure. |
Blog Section | Include a dedicated blog section. |
Table of Contents | Auto-generated TOC for easy navigation. |
Pagination | Split content across multiple pages. |
Syntax Highlighting | Highlight code for better readability. |
Code Line Highlighting & Titles | Highlight specific lines with descriptive titles. |
Interactive Code Blocks | Language-specific and interactive code display. |
Custom Components | Embed custom, reusable components in your docs. |
Light & Dark Mode | Toggle between light and dark themes. |
Search Functionality | Quickly find content with a built-in search. |
Code Switcher | Switch between code languages or variations. |
Code Copy | Copy code blocks with a single click. |
TOC Observer Highlight | Highlight active sections in the TOC as you scroll. |
Static Site Generation | Generate a static, high-performance site. |
SEO-Optimized | Structured for optimal search engine indexing. |
This open-source Next.js template provides a sleek and responsive design for comprehensive documentation and engaging blog content.
This feature-packed documentation template, built with Next.js, offers a sleek and responsive design, perfect for all your project documentation needs.
Here are all versions of the AriaDocs template, each crafted for specific use cases:
Advanced Docs: A comprehensive template offering extensive features for in-depth documentation needs. Perfect for larger projects that require detailed explanations and advanced configurations. Explore the Advanced Docs
Lite Version: A streamlined, no-frills template perfect for straightforward documentation needs. Explore the Lite Version
Version with Versioning: A powerful option for projects that require historical documentation tracking. Manage multiple versions of your docs effortlessly. Check out the Versioning Feature
i18n Support Version (WIP): Designed for international audiences, this version will offer comprehensive multilingual support. Preview the i18n Support
You can create a new Ariadocs project using the command:
npx create-aria-doc <project-directory>
When you run the CLI, you can expect an output similar to this:
Creating a new Ariadocs project in /path/to/your/project from the master branch...Cloning Master (Full Documentation)...Ariadocs project successfully created in /path/to/your/project!Next steps:1. Navigate to your project directory:cd <project-directory>2. Install dependencies:npm install3. Start the development server:npm run dev
First, run the development server:
npm run dev# oryarn dev# orpnpm dev# orbun dev
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
Feature | Description |
---|---|
MDX Support | Write interactive documentation with MDX. |
Nested Pages | Organize content in a nested, hierarchical structure. |
Blog Section | Include a dedicated blog section. |
Table of Contents | Auto-generated TOC for easy navigation. |
Pagination | Split content across multiple pages. |
Syntax Highlighting | Highlight code for better readability. |
Code Line Highlighting & Titles | Highlight specific lines with descriptive titles. |
Interactive Code Blocks | Language-specific and interactive code display. |
Custom Components | Embed custom, reusable components in your docs. |
Light & Dark Mode | Toggle between light and dark themes. |
Search Functionality | Quickly find content with a built-in search. |
Code Switcher | Switch between code languages or variations. |
Code Copy | Copy code blocks with a single click. |
TOC Observer Highlight | Highlight active sections in the TOC as you scroll. |
Static Site Generation | Generate a static, high-performance site. |
SEO-Optimized | Structured for optimal search engine indexing. |