Skip to content
/ Aria-Docs Public template

This open-source documentation template, made with Next.js, offers a clean design for comprehensive documentation and engaging blog content.

License

Notifications You must be signed in to change notification settings

nisabmohd/Aria-Docs

Repository files navigation

AriaDocs - Documentation Template

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

Quick Start

You can create a new Ariadocs project using the command:

npx create-aria-doc <project-directory>

Expected Output

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:
   // To support React 19, package maintainers will need to test and update their packages to include React 19 as a peer dependency. This is already in progress.
   npm install --force 
3. Start the development server:
   npm run dev

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Deploy on Vercel

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.

Deploy with Vercel

Key Features

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.

Additional Themes

halloween

halloween

halloween