web-meta-framework-docusaurus
Docusaurus
Quick Guide: Docusaurus 3.x is a React-powered static site generator for documentation. Configure everything in
docusaurus.config.js(ESM). Use@docusaurus/preset-classicfor docs + blog + pages + sitemap in one preset. Sidebars can be fully autogenerated from filesystem structure using_category_.jsonand front mattersidebar_position. Customize theme components via swizzling (prefer--wrapover--eject). MDX is the default content format — use front matter for metadata, admonitions for callouts, and import React components directly in.mdxfiles. Version docs withdocusaurus docs:version. Deploy thebuild/output to any static host.
<critical_requirements>
CRITICAL: Before Using This Skill
All code must follow project conventions in CLAUDE.md
(You MUST use docusaurus.config.js (or .ts) as the single source of truth for all site configuration — never scatter config across multiple files)
(You MUST use @docusaurus/preset-classic unless you have a specific reason to configure plugins individually — the preset bundles docs, blog, pages, sitemap, and theme)
(You MUST prefer --wrap over --eject when swizzling — wrapping preserves upstream updates, ejecting creates a maintenance burden)
(You MUST use front matter sidebar_position and _category_.json for sidebar ordering in autogenerated sidebars — do not fight the filesystem-driven convention)