$_ Terminal Docs

Getting Started

Terminal Docs is a themeable documentation starter for Astro with 8 built-in terminal color scheme presets.

Quick Start

Create a new project using the template:

npm create astro@latest -- --template wyre-technology/astro-terminal-docs

Then install dependencies and start the dev server:

cd my-docs
npm install
npm run dev

Your site is now running at http://localhost:4321.

Project Structure

src/
├── components/      # Reusable UI components
├── content/docs/    # Your MDX documentation pages
├── data/            # Theme metadata
├── layouts/         # Page layouts (Base + Docs)
├── lib/             # Theme persistence utilities
├── pages/           # Route pages
└── styles/
    ├── global.css   # Base styles + Tailwind
    └── themes/      # 8 color scheme presets

Adding Pages

Create .mdx files in src/content/docs/. Each file needs frontmatter:

---
title: My Page Title
description: A brief description for SEO.
order: 1
---

# My Page Title

Your markdown content goes here.

Pages are automatically added to the sidebar navigation. The order field controls sort order within each section.

Grouping Pages into Sections

Use subdirectories to create sidebar sections:

src/content/docs/
├── getting-started.mdx      → "General" section
├── guides/
│   ├── deployment.mdx        → "Guides" section
│   └── advanced-config.mdx   → "Guides" section
└── reference/
    ├── components.mdx         → "Reference" section
    └── api.mdx                → "Reference" section

Directory names become section headers (with automatic title-casing).

Next Steps

Was this page helpful?

Give Feedback