Deep Dive into VitePress
summary
VitePress is a CLI built as a Vite plugin that transforms Markdown into Vue SFCs, serves via createServer from Vite in dev, and outputs fully static sites by SSR-rendering pages and writing them to disk. It uses markdown-it + mdit-vue to allow Vue components inside .md, mounts a plain Vue app client-side for hydration, and during build renders HTML strings to files while emitting JS/CSS chunks. The default theme is just Vue components.
AI-written summary · about
chapters (7)
- 0:00Introduction
- 2:29What is VitePress
- 7:15VitePress basics
- 11:08How VitePress works
- 22:10Server-side rendering
- 26:03Build process
- 28:54Summary and Q&A
related talks
18mIntroduction to Vite & Vitepress
32mHow Vite Changes the Game for Vue and Web development
43mInside a Pipeline: Demystifying Vite and Its Plugins
13mMaking A CLI with Vite (...kind of)
05mDocumenting Component Libraries with VitePress
20mVite - The Next Generation Frontend Tooling
38mVite, a New Era of Frontend Tooling?
20mThe Inner Workings of Vite Build