# Docusaurus Advanced

> Deep dive into the Docusaurus configuration, plugins, and custom fields.

- Skill: `majiayu000/docusaurus-advanced` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add majiayu000/docusaurus-advanced`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/docusaurus-advanced/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/docusaurus-advanced

---


# Docusaurus Configuration

## Config File
- **File**: `textbook/docusaurus.config.ts`
- **Type**: TypeScript config.

## Integrations
- **API URL**: Exposed to client via `customFields`.
    ```ts
    customFields: {
      apiUrl: process.env.DOCUSAURUS_API_URL || 'http://127.0.0.1:8000',
    }
    ```
- **AuthBar**: A custom navbar item registered in `textbook/src/theme/NavbarItem` (if swizzled) or imported specifically.

## Plugins & Presets
- **Preset**: `classic` (standard docs, blog, pages).
- **Sidebar**: Defined in `textbook/sidebars.ts`.

## Theme Swizzling
- **Custom CSS**: `textbook/src/css/custom.css` (contains specific overrides for dark mode and premium UI).
- **Layout**: `Layout` wrapper is often used in `src/pages` for standalone React pages within Docusaurus.

## MDX
We support MDX for interactive components within documentation.