Skip to content

Template Reference

Files

Template FilePurposeCustomise
docs/.vitepress/config.mtsVitePress config with auto-sidebar, Mermaid, searchChange SITE_TITLE, SITE_DESCRIPTION, GITHUB_URL
docs/index.mdHome page with hero + feature cardsChange project name, tagline, features
docs/getting-started.mdSetup instructions with Mermaid demoReplace with project-specific content
docs/adr/000-template.mdADR templateCopy to 001-your-decision.md
.github/workflows/deploy-docs.ymlCloudflare Pages deployChange --project-name

Config Features

Auto-Discovered Sidebar

The config uses readdirSync to scan docs/ recursively. Any .md file (except index.md) appears in the sidebar automatically. Subdirectories become collapsible groups.

docs/
├── getting-started.md    → "Getting Started"
├── architecture.md       → "Architecture"
└── adr/
    ├── 000-template.md   → "000 Template"
    └── 001-use-redis.md  → "001 Use Redis"

File names are converted: kebab-case and SCREAMING_SNAKETitle Case.

Mermaid Diagrams

Fenced code blocks with mermaid language render as diagrams:

```mermaid
graph TD
    A --> B --> C
```

Supported: flowcharts, sequence diagrams, ER diagrams, Gantt charts, pie charts, class diagrams.

ADR Format

markdown
# NNN. Title

**Status:** Accepted | Deprecated | Superseded by [NNN]

**Date:** YYYY-MM-DD

## Context
What motivates this decision?

## Decision
What are we doing?

## Alternatives Considered
| Alternative | Pros | Cons | Why rejected |

## Consequences
### Positive
### Negative
### Neutral