Descripción General
Todo lo que necesitas para construir, configurar y personalizar un sitio de documentación con Boltdocs — desde la instalación hasta la personalización avanzada de layouts.
Boltdocs convierte una carpeta de archivos Markdown en un sitio de documentación completamente renderizado, indexado para búsqueda y optimizado para SEO. Estas guías te acompañan por cada capa del framework — desde poner tu primera página en línea en dos minutos hasta construir layouts completamente personalizados e inyectar tus propios componentes React en MDX.
Por Dónde Empezar
Instalación
Instala Boltdocs en menos de dos minutos usando create-boltdocs o configuración manual.
Configuración
Un recorrido guiado por cada clave en boltdocs.config.ts y qué controla.
Enrutamiento por Sistema de Archivos
Entiende cómo la estructura de tu carpeta docs/ se mapea a rutas, grupos de sidebar y secciones de pestañas.
Frontmatter
Controla el enrutamiento, visualización del sidebar, SEO y metadatos de página desde cualquier archivo .md o .mdx.
Estructura del Proyecto
Un proyecto Boltdocs recién creado se ve así:
my-docs/
├── docs/ # Todo tu contenido vive aquí
│ ├── (guides)/
│ │ └── index.mdx
│ └── index.md # Página raíz → /docs
├── public/ # Assets estáticos (imágenes, fuentes, favicons)
│ ├── dark.svg
│ └── light.svg
├── src/
│ └── components/ # Tus componentes React personalizados
├── boltdocs.config.ts # El cerebro de tu sitio de docs
├── index.html # Punto de entrada HTML de Vite
├── index.css # Estilos globales
└── package.json
Directorios Clave
docs/ — Todo aquí se convierte en una página. Boltdocs escanea recursivamente archivos .md y .mdx y los convierte en rutas. La estructura de carpetas se mapea directamente a la estructura de URLs.
boltdocs.config.ts — La única fuente de verdad. Controla el tema, navegación, plugins, SEO, i18n y más. Boltdocs genera la configuración completa de Vite internamente — no necesitas un vite.config.ts separado.
public/ — Assets estáticos servidos desde la raíz de tu sitio. Referéncialos en Markdown con una ruta relativa a la raíz como /mi-imagen.png.
src/components/ — Tus componentes React personalizados, disponibles para importar en archivos .mdx o registrar como componentes MDX globales a través de plugins.
| Archivo Opcional | Propósito |
|---|---|
docs/layout.tsx | Layout personalizado que envuelve todas las páginas |
docs/**/meta.json | Sobreescribe títulos de grupos del sidebar, iconos y orden por directorio |
doctor.json | Configuración para el verificador de enlaces boltdocs doctor |
Boltdocs genera toda la configuración de Vite desde boltdocs.config.ts. Para extender Vite (por ejemplo, agregar un plugin personalizado), usa la clave vite dentro de defineConfig o escribe un plugin de Boltdocs que exponga vitePlugins.
Todas las Guías
Instalación
Instala y ejecuta tu primer sitio de docs.
Configuración
Recorrido completo de boltdocs.config.ts.
Enrutamiento por Sistema de Archivos
Enrutamiento, grupos de sidebar, pestañas y ordenamiento.
Layout Personalizado
Sobreescribe el layout por defecto con tu propio componente React.
Páginas Externas
Registra páginas React que no son MDX en el router de Boltdocs.
Inyección MDX
Agrega componentes React personalizados globalmente a tu pipeline de MDX.
Frontmatter
Referencia completa de campos de frontmatter.
Meta Loaders
Controla los grupos del sidebar con meta.json.
Iconos Personalizados
Usa iconos de Lucide o SVGs directamente en tu sitio.
Temas Personalizados
Construye paletas de colores y variables de estilos personalizadas con reset.css.
Caché y Entorno
Cómo funciona el caché y las variables de .env que lo controlan.