このリポジトリは Next.js を create-next-app で生成したプロジェクトです。

はじめに

まず開発サーバーを起動します。

npm run dev
# または
yarn dev
# または
pnpm dev
# または
bun dev

ブラウザで http://localhost:4000 を開くと結果を確認できます。

app/page.tsx を編集するとページが自動的に更新されます。

セットアップと実行手順（ローカル/Dev Container）

Dev Container（.devcontainer）を利用する場合は、コンテナ起動後に以下のコマンドを実行してください。

npm ci
npx playwright install --with-deps

主な実行コマンドは次のとおりです。

• npm run lint
• npm run test
• npm run test:e2e（http://localhost:4100 を利用）
• npm run storybook（http://localhost:6006）
• npm run build-storybook

さらに学ぶ

Next.js の詳細は次の資料をご覧ください。

• Next.js Documentation - Next.js の機能と API を確認できます。
• Learn Next.js - 対話式のチュートリアルです。

Next.js の GitHub リポジトリ も参照できます。フィードバックや貢献も歓迎しています。

デプロイ

Vercel へのデプロイ

Next.js アプリを最も簡単にデプロイする方法は、Vercel Platform を利用することです。

詳細は Next.js のデプロイ手順 を参照してください。

GitHub Pages へのデプロイ

main ブランチへの push で .github/workflows/deploy-gh-pages.yml が実行され、React 構成の mock/v1/web のビルド成果物が GitHub Pages に公開されます。 この GitHub Pages デプロイはモック用の React アプリ向けであり、Next.js 本体のデプロイとは別で運用します。

手動実行する場合は、deploy-gh-pages.yml で定義されている GitHub Actions のワークフロー名「Deploy React App to GitHub Pages」（mock/v1/web 向けの名称）を選びます。 必要であれば mock_version を指定して実行してください。