We're OGS, check out our work on github.com/ogs-gmbh

VitePress Sidebar

A VitePress plugin that automatically generates sidebar structures by statically analyzing the documentation file system and metadata.

• File System–Based Analysis
  Derives the sidebar structure directly from the documentation directory hierarchy.

• Zero-Configuration Setup
  Eliminates the need for manual sidebar definitions in VitePress config files.

• Nested Hierarchy Support
  Accurately represents multi-level sections and document groupings.

• Static Build-Time Execution
  Performs all computations at build time with no runtime overhead.

Getting Started

Important

We're offering an extensive API-Reference covered with in-depth usage examples of this project.

To get a starting point, simply refer to our documentation at ogs-gmbh.github.io/vitepress-plugin-sidebar.

Prerequisites

• Node.js version 18 or higher
• A VitePress project
• A package manager: e.g. npm, pnpm, ...

Installation

Using npm:

$ npm add -D @ogs-gmbh/vitepress-plugin-sidebar

Using a different package manager?

Using yarn:

$ pnpm add -D @ogs-gmbh/vitepress-plugin-sidebar

Using pnpm:

$ pnpm add -D @ogs-gmbh/vitepress-plugin-sidebar

Using bun:

$ bun add -D @ogs-gmbh/vitepress-plugin-sidebar

Usage

Now, just import and use the sidebarPlugin inside your VitePress Site Config.

You can use the reference of Config to get a better understanding of the configuration. Keep in mind, that the filesystem mode is the default, if no other mode is specified.

import { sidebarPlugin } from "@ogs-gmbh/vitepress-plugin-sidebar";

export default {
  themeConfig: {
    sidebar: sidebarPlugin({
      path: "./dist/vitepress-content"
    })
  }
};

License

The MIT License (MIT) - Please have a look at the LICENSE file for more details.

Contributing

Contributions are always welcome and greatly appreciated. Whether you want to report a bug, suggest a new feature, or improve the documentation, your input helps make the project better for everyone.

Feel free to submit a pull request, issue or feature request.

Issues and Feature Requests

Reporting an issue or creating a feature request is made by creating a new issue on this repository.

You can create a new issue or feature request here.

Pull Requests

GitHub offers a solid guideline for contributing to open source projects through pull requests, covering key practices. These best practices provide a reliable starting point for making effective contributions.

You can find the guidelines here.

Code Of Conduct

We are committed to keeping a welcoming, inclusive, and respectful community for everyone. To help us achieve this, we kindly ask that you adhere to our Code of Conduct.

Disclaimer

All trademarks and registered trademarks mentioned are property of their respective owners and are used for identification purposes only. Use of these names does not imply endorsement or affiliation.

This project is a trademark of OGS Gesellschaft für Datenverarbeitung und Systemberatung mbH. The License does not grant rights to use the trademark without permission.

---

Gesellschaft für Datenverarbeitung und Systemberatung mbH

Imprint | Contact | Careers