My Home Page

Vite、React、JavaScript、CSSで作成した1ページ構成の個人ポートフォリオです。

ローカルで起動する

npm install
npm run dev

コマンド

コマンド	内容
npm run dev	開発サーバーを起動
npm run lint	JavaScriptとJSXを検査
npm run build	公開用ファイルをdistへ生成
npm run preview	生成したサイトをローカル確認
npm run deploy	ビルド後、Cloudflare Pagesへ手動公開

Cloudflare Pagesで自動公開する

1. Cloudflareダッシュボードの「Workers & Pages」を開きます。
2. Pagesアプリケーションを作成し、GitHubのリポジトリを接続します。
3. 本番ブランチにmainを指定します。
4. フレームワークプリセットでReact (Vite)を選択します。
5. ビルドコマンドにnpm run build、出力ディレクトリにdistを指定します。
6. デプロイ後、発行されたpages.dev URLへアクセスします。

以後はmainブランチへのpushで自動的に再公開されます。

Wranglerで手動公開する

Git連携済みのmy-home-pageプロジェクトへ、ローカルから同じ成果物を公開できます。

npx wrangler login
npm run deploy

Cloudflare側のプロジェクト名が異なる場合は、package.jsonのdeployスクリプトにある--project-nameを変更してください。