[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"pack-detail-static-site-docs-es":3,"seo:pack:static-site-docs:es":59},{"code":4,"message":5,"data":6},200,"操作成功",{"pack":7},{"slug":8,"icon":9,"tone":10,"status":11,"status_label":12,"title":13,"description":14,"items":15,"install_cmd":58},"static-site-docs","📖","#E11D48","stable","Estable","Generadores de Sitios Estáticos & Docs","VitePress, Astro, Mintlify, Docusaurus, Slidev — el stack moderno para docs, páginas de marketing y diapositivas.",[16,28,36,44,51],{"id":17,"uuid":18,"slug":19,"title":20,"description":21,"author_name":22,"view_count":23,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1128,"ce6e1d98-3651-11f1-9bc6-00163e2b0d79","vitepress-vite-vue-powered-static-site-generator-ce6e1d98","VitePress — Vite and Vue Powered Static Site Generator","VitePress is a static site generator built on top of Vite and Vue. Designed for documentation websites with Markdown-centered authoring, Vue component extensibility, and lightning-fast dev\u002Fbuild. The successor to VuePress by the Vue.js team.","Script Depot",316,0,"en","skill","Skill",{"id":29,"uuid":30,"slug":31,"title":32,"description":33,"author_name":34,"view_count":35,"vote_count":24,"lang_type":25,"type":26,"type_label":27},459,"3a0c9468-b4cf-4f90-bdb6-4d9ede3d0b07","astro-web-framework-content-driven-sites-3a0c9468","Astro — Web Framework for Content-Driven Sites","Ship zero-JS by default. Island architecture for fast content sites, docs, and blogs. Supports React, Vue, Svelte. 58K+ stars.","AI Open Source",358,{"id":37,"uuid":38,"slug":39,"title":40,"description":41,"author_name":42,"view_count":43,"vote_count":24,"lang_type":25,"type":26,"type_label":27},696,"9dd15b95-210b-493d-8ebf-0c704a1a1b7a","mintlify-ai-powered-documentation-platform-9dd15b95","Mintlify — AI-Powered Documentation Platform","Beautiful API docs and developer portals with AI-powered search, auto-generated API references, and instant deployment from markdown or OpenAPI specs.","Skill Factory",247,{"id":45,"uuid":46,"slug":47,"title":48,"description":49,"author_name":34,"view_count":50,"vote_count":24,"lang_type":25,"type":26,"type_label":27},453,"2c489776-4de1-435c-a5a7-15b33e34efeb","docusaurus-documentation-sites-made-easy-2c489776","Docusaurus — Documentation Sites Made Easy","Build fast, SEO-friendly documentation websites with React and Markdown. By Meta. Powers 10K+ sites. 64K+ GitHub stars.",302,{"id":52,"uuid":53,"slug":54,"title":55,"description":56,"author_name":34,"view_count":57,"vote_count":24,"lang_type":25,"type":26,"type_label":27},1121,"ce6e1004-3651-11f1-9bc6-00163e2b0d79","slidev-presentation-slides-developers-ce6e1004","Slidev — Presentation Slides for Developers","Slidev is a Markdown-based presentation tool for developers. Write slides in Markdown, render with Vue components, use code highlighting with animations, live coding, LaTeX math, diagrams, and export to PDF or SPA. Powered by Vite for instant hot reload.",345,"tokrepo install pack\u002Fstatic-site-docs",{"pageType":60,"pageKey":8,"locale":61,"title":62,"metaDescription":63,"h1":13,"tldr":64,"bodyMarkdown":65,"faq":66,"schema":82,"internalLinks":92,"citations":105,"wordCount":118,"generatedAt":119},"pack","es","Generadores de Sitios y Docs: VitePress, Astro, Docusaurus +2","VitePress, Astro, Mintlify, Docusaurus, Slidev — el stack moderno para docs, páginas de marketing y diapositivas dev. Instala en un comando con TokRepo.","Cinco frameworks que cubren todo desde docs API hasta landings de marketing y slides de ingeniero — todos markdown-first, todos cero runtime por defecto. Instala en un comando con TokRepo.","## Qué incluye este pack\n\nEste pack reúne los **cinco frameworks de sitio estático** que han sobrevivido al churn de frameworks JS y traen suficientes features para ser opción default en 2026. La lista tiene opinión: nada aquí es un proyecto hobby de \"generamos HTML desde un único Markdown\" — cada entrada tiene un ecosistema real de plugins, una historia de búsqueda y un setup de producción desplegable.\n\n| # | Herramienta | Mejor para | Motor |\n|---|---|---|---|\n| 1 | VitePress | docs sabor Vue | Vite + Vue 3 |\n| 2 | Astro | contenido + marketing | Arquitectura Islands |\n| 3 | Mintlify | portal docs hosted | React + Mintlify cloud |\n| 4 | Docusaurus | docs API versionados | React + MDX |\n| 5 | Slidev | slides de ingeniero | Vite + Vue + Markdown |\n\nEl set cubre cuatro formas: documentación de desarrollador (VitePress, Docusaurus), páginas de marketing pulidas (Astro), docs-as-a-service hospedado (Mintlify) y presentaciones que los ingenieros realmente quieren dar (Slidev). Un pack, cuatro formatos de salida — elige el que se ajuste a tu audiencia.\n\n## Por qué este stack\n\nLos sitios estáticos están de vuelta porque las alternativas resultaron caras. Next.js server-rendered para páginas de marketing cuesta más en cómputo y complejidad que generar HTML al construir. Estos cinco generadores hacen lo mismo: toman Markdown (o MDX) más algo de config y producen HTML estático que puedes hostear en cualquier CDN.\n\nDonde difieren:\n- **VitePress** trae un tema \"docs\" que se ve correcto out-of-the-box. Usado por Vue, Vite, Vitest mismos — señal fuerte de dogfood.\n- **Astro** es el más amplio. Puede construir un sitio de docs, pero también una landing, un blog, un sitio de marketing pequeño. La arquitectura \"Islands\" significa que envías cero JS a menos que un componente opte.\n- **Mintlify** es la única entrada hospedada. Escribes Markdown, empujas a GitHub y Mintlify hospeda los docs renderizados en `\u003Ctu>.mintlify.app` (o tu dominio). Es un reemplazo SaaS para autoejecutar Docusaurus.\n- **Docusaurus** es el más pesado pero tiene más plugins — docs versionados, i18n, búsqueda, blog, todo de primera clase. Elígelo cuando necesites versionado entre releases mayores.\n- **Slidev** es el comodín. Slides Markdown-driven con resaltado de código, componentes interactivos y notas de presentador. Los ingenieros que odian Keynote lo aman.\n\n## Instala en un comando\n\n```bash\n# Instala el pack — pone una plantilla starter para cada builder en tu proyecto\ntokrepo install pack\u002Fstatic-site-docs\n\n# O elige uno\ntokrepo install vitepress\ntokrepo install astro\ntokrepo install docusaurus\n```\n\nEl TokRepo CLI esqueletea cada framework en `sites\u002F\u003Cframework>\u002F` para que compares output y elijas un ganador antes de comprometerte. Los cinco incluyen un archivo `.tokrepo\u002F` con los targets de deploy producción que hemos validado (Vercel, Cloudflare Pages, Netlify, GitHub Pages).\n\n## Trampas comunes\n\n- **VitePress está atado a Vue.** Los componentes custom deben ser Vue. Si tu equipo es React-only, VitePress se sentirá hostil — Docusaurus o Mintlify son las opciones React.\n- **La hidratación MDX de Astro es opt-in.** Un `\u003CCounter client:load \u002F>` envía JS; un `\u003CCounter \u002F>` simple no. Olvidar `client:*` es el bug #1 \"por qué no funciona mi botón\".\n- **Mintlify significa lock-in SaaS.** Tu contenido es tuyo (todo es Markdown en tu repo) pero el rendering, search y analytics viven en Mintlify cloud. Planea un camino de exportación antes de comprometerte.\n- **Los docs versionados de Docusaurus son one-way.** Una vez que cortas docs versión 2.0, editarlos retroactivamente es incómodo. Sé deliberado sobre cuándo versionar.\n- **Las decks de Slidev no son slides.dev.com.** Son tu repo. El hosting es asunto tuyo (Vercel funciona bien). No intentes compartir una URL localhost con tu CEO cinco minutos antes de un board.\n\n## Conceptos erróneos comunes\n\n\"Estático significa muerto\" es un mito. Los cinco frameworks soportan hidratación, server functions o rendering híbrido para las partes que lo necesitan. Astro puede optar por SSR por ruta; Docusaurus tiene React client-side para interactividad; VitePress corre Vue en el browser para cualquier página que lo necesite. El default es \"envía HTML\"; el escape hatch es \"envía JS donde se gane su peso.\"\n\n\"Todos los generadores estáticos son iguales\" también es falso. La elección entre VitePress y Docusaurus determina quién puede contribuir a tus docs (gente Vue vs React). La elección entre Astro y Mintlify determina quién posee el pipeline de deploy (tú vs Mintlify). Elige deliberadamente.",[67,70,73,76,79],{"q":68,"a":69},"¿Estas herramientas son gratis?","VitePress, Astro, Docusaurus y Slidev son MIT open-source — sin costes ni a escala. Mintlify es freemium: tier gratis para proyectos pequeños y planes pagos para analytics, dominios custom y búsqueda IA. Auto-hospedar cualquiera de las cuatro opciones gratis en Vercel o Cloudflare Pages cuesta $0 para tráfico típico de docs.",{"q":71,"a":72},"¿Cómo compara Astro con Next.js para docs?","La arquitectura Islands de Astro envía casi cero JS por defecto, donde Next.js todavía hidrata todo el árbol de página incluso en un blog estático. Para puro docs y marketing, Astro carga más rápido y es más simple de desplegar. Next.js gana cuando necesitas SSR completo con personalización frecuente o rutas con auth — eso no es problema de docs.",{"q":74,"a":75},"¿Funcionará alguno con Claude Code o Cursor?","Los cinco son solo archivos markdown + JS en un repo, así que cualquier editor IA los maneja bien. Claude Code y Cursor tienen consciencia específica de Astro y Next.js. Para VitePress y Docusaurus, instala los language servers Vue y React respectivamente. El contenido Mintlify es markdown puro — todo editor lo maneja nativamente.",{"q":77,"a":78},"¿Diferencia vs Headless CMS para IA?","Estos son builders de sitio estático — toman contenido y lo convierten en HTML al construir. Los Headless CMS (Strapi, Directus, etc) son el backend editorial que almacena el contenido. Muchos equipos los emparejan: Directus para editar, Astro para renderizar. Este pack es la capa de rendering; el pack headless CMS es la capa de almacenamiento.",{"q":80,"a":81},"¿Cuál es la trampa operacional con Mintlify?","Los minutos de build se facturan una vez que excedes el tier gratis, y los builds incrementales importan. Un sitio de 200 páginas reconstruyendo desde cero en cada push quema minutos. Configura el modo de build incremental de la integración GitHub de Mintlify y vigila el dashboard de build una semana antes de asumir que el tier gratis es suficiente.",{"@context":83,"@type":84,"name":85,"description":86,"numberOfItems":87,"publisher":88},"https:\u002F\u002Fschema.org","CollectionPage","Static Site & Docs Builders","VitePress, Astro, Mintlify, Docusaurus, Slidev — the modern stack for shipping docs, marketing pages and developer slides.",5,{"@type":89,"name":90,"url":91},"Organization","TokRepo","https:\u002F\u002Ftokrepo.com",[93,97,101],{"url":94,"anchor":95,"reason":96},"\u002Fes\u002Fpacks\u002Fheadless-cms-for-ai","CMS Headless para IA","el backend de contenido que alimenta estos builders",{"url":98,"anchor":99,"reason":100},"\u002Fes\u002Fpacks\u002Fcharts-data-viz","Charts & Visualización","gráficos embebibles para docs y dashboards",{"url":102,"anchor":103,"reason":104},"\u002Fes\u002Fpacks\u002Fai-app-builders","Constructores de Apps IA","capa complementaria para apps full-stack",[106,110,114],{"claim":107,"source_name":108,"source_url":109},"VitePress static site generator built on Vite + Vue","vuejs\u002Fvitepress","https:\u002F\u002Fgithub.com\u002Fvuejs\u002Fvitepress",{"claim":111,"source_name":112,"source_url":113},"Astro Islands architecture for content sites","Astro docs","https:\u002F\u002Fdocs.astro.build\u002Fen\u002Fconcepts\u002Fislands\u002F",{"claim":115,"source_name":116,"source_url":117},"Docusaurus open-source from Meta","facebook\u002Fdocusaurus","https:\u002F\u002Fgithub.com\u002Ffacebook\u002Fdocusaurus",731,"2026-05-02T15:00:00Z"]