概要
VitePressは、Markdownをsourceとして静的siteを生成するVue/ViteベースのSSGです。file-based routing、default theme、syntax highlight、Vue componentの埋め込みなどを使い、技術documentationやproject siteを構築できます。
特徴と向いている用途
公式資料に基づく紹介・実機未検証 · 内容確認日:
Markdown fileをそのままpage routeへ変換する
project root内のMarkdown fileをfile-based routingでHTML pageへ変換し、sidebarやnavigationを含むdocumentation siteを構築できます。
Vue componentとViteの開発環境をdocumentationへ持ち込む
Markdown内でVue componentやAPIを利用でき、Viteのdev serverとhot updateを使ってsiteを編集できます。
OSS・library・社内技術documentationの静的siteに
Markdown中心で書きつつ、必要な箇所だけinteractiveなVue componentを追加したいdocumentationやproject siteに向きます。
出典:[2]
現在のmainは2.0 alphaで、Node.js 22+・ESM-only
現行mainとcurrent docsは2.0 alpha系列を対象にvitepress@nextを使います。既存1.x siteではversionごとのguideを分け、pluginやtheme互換性を確認してください。
参考にした公式資料
- [1]vuejs/vitepress repository(2026-09-21)
- [2]VitePress README(2026-09-21)
- [3]VitePress Getting Started(2026-09-21)
- [4]vitepress package(2026-09-21)
- [5]VitePress MIT license(2026-09-21)
編集部からの補足
現在のmainは`2.0.0-alpha.20`で、公式Getting Startedも`vitepress@next`を指定しています。Node.js 22以上かつESM-onlyが前提です。安定版1.xの既存siteを運用している場合は、2.0 alphaのguideをそのまま適用せず、導入versionに合うdocumentationを確認してください。
3ステップで試す
- 1
VitePress 2 alphaを追加
current main/docsと同じ2.0 alpha系列を試すため、official guideどおりnext dist-tagを追加します。
npm add -D vitepress@next - 2
setup wizardを実行
docs directory、theme、npm script等を対話形式で生成します。
npx vitepress init - 3
documentation siteを起動
wizardが追加したscriptでVite-powered dev serverを起動し、Markdown pageを確認します。
npm run docs:dev
成長
成長の推移 · 直近30日
18,338 Stars
推移データを蓄積中です。
開発アクティビティ
直近90日・週次
- Commit(直近30日)
- 46
- Open PR
- 87
開発アクティビティを蓄積中です。
Built with
カテゴリとタグ
GitHubデータ
関連情報
関連記事を投稿するこのOSSの使い方や活用事例をMarkdownで投稿できます。管理者が承認した後に公開されます。
あわせて探訪
- Docusaurus66,308 Stars
共通タグ 4件 · 共通カテゴリ 2件 · 同じ言語
documentation・blog・custom page・多言語化をReact ecosystemで構築するstatic site基盤。
TypeScript - Nuxt60,885 Stars
共通タグ 4件 · 共通カテゴリ 1件 · 同じ言語
VueでSSR・SSG・ハイブリッド構成のWebサイトとフルスタックアプリを構築するフレームワーク。
TypeScript - Jekyll51,675 Stars
共通タグ 3件 · 共通カテゴリ 2件
Markdown・Liquid・front matterからblogやdocumentationのstatic siteを生成するRuby製tool。
Ruby - Storybook91,112 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
UIの状態をstoryとして保存し、開発・レビュー・ドキュメント・テストへ再利用するコンポーネント開発ツール。
TypeScript - Astro62,723 Stars
共通タグ 3件 · 共通カテゴリ 1件 · 同じ言語
コンテンツ中心のWebサイトを軽量な出力で構築し、必要なUI統合を追加できるフレームワーク。
TypeScript
情報の誤りを報告
掲載内容に誤りや古い情報があればお知らせください。