0froq/vitepress

VitePress is a Static Site Generator (SSG) built on Vite and Vue 3. It takes Markdown content, applies a theme, and generates static HTML that becomes an SPA for fast navigation. Perfect for documentation, blogs, and marketing sites.

Key Characteristics:

• File-based routing with .md files
• Vue components work directly in Markdown
• Fast HMR with instant updates (<100ms)
• Default theme optimized for documentation
• Built-in search (local or Algolia)

Before working with VitePress projects:

• Check .vitepress/config.ts for site configuration
• Look at .vitepress/theme/ for custom theme extensions
• The public/ directory contains static assets served as-is

The skill is based on VitePress 1.x, generated at 2026-01-28.

Core

| Topic | Description | Reference | |-------|-------------|-----------| | Configuration | Config file setup, defineConfig, site metadata | core-config | | CLI | Command-line interface: dev, build, preview, init | core-cli | | Routing | File-based routing, source directory, rewrites | core-routing | | Markdown | Frontmatter, containers, tables, anchors, includes | core-markdown |

Features

Code & Content

| Topic | Description | Reference | |-------|-------------|-----------| | Code Blocks | Syntax highlighting, line highlighting, diffs, focus | features-code-blocks | | Vue in Markdown | Components, script setup, directives, templating | features-vue | | Data Loading | Build-time data loaders, createContentLoader | features-data-loading | | Dynamic Routes | Generate pages from data, paths loader files | features-dynamic-routes |

Theme

| Topic | Description | Reference | |-------|-------------|-----------| | Theme Config | Nav, sidebar, search, social links, footer | theme-config | | Customization | CSS variables, slots, fonts, global components | theme-customization | | Custom Theme | Building themes from scratch, theme interface | theme-custom |

Advanced

| Topic | Description | Reference | |-------|-------------|-----------| | Internationalization | Multi-language sites, locale configuration | advanced-i18n | | SSR Compatibility | Server-side rendering, ClientOnly, dynamic imports | advanced-ssr |

Recipes

| Topic | Description | Reference | |-------|-------------|-----------| | Deployment | GitHub Pages, Netlify, Vercel, Cloudflare, Nginx | recipes-deploy |