Cloudflare Pages へデプロイ

Cloudflare Pages は Git からビルドする方法と、Wrangler でビルド済みフォルダーをアップロードする方法に対応しています。

公式の VitePress ビルド設定:

設定項目	値
Framework preset	VitePress
Production branch	main
ビルドコマンド	npx vitepress build
ビルド出力先	.vitepress/dist

公式リファレンス: https://developers.cloudflare.com/pages/framework-guides/deploy-a-vitepress-site/

方法 1: Git 連携

1. このプロジェクトを GitHub リポジトリへプッシュします。
2. Cloudflare Dashboard を開きます。
3. Workers & Pages へ移動します。
4. 既存の Git リポジトリから Pages アプリを作成します。
5. リポジトリを選び、VitePress の framework preset を選択します。
6. ビルドコマンドと出力先を確認してデプロイします。

ビルドコマンド: npx vitepress build
ビルド出力先: .vitepress/dist

方法 2: Wrangler アップロード

Wrangler にログイン済みなら、ビルド済みフォルダーを直接デプロイできます。

npm run deploy

同等のコマンド:

npm run build
npx wrangler pages deploy .vitepress/dist --project-name hideapps-docs

推奨プロジェクト名

Cloudflare Pages のプロジェクト名は hideapps-docs を推奨します。安定した Pages ドメインは次の通りです。

https://hideapps-docs.pages.dev