Next.js製のブログアプリケーション
- Next.js 15 (App Router)
- microCMS (ヘッドレスCMS)
- Tailwind CSS
- TypeScript
- Vercel (デプロイメント)
src/
├── app/ # Next.js App Routerページ
├── components/ # UIコンポーネント
│ ├── apps/ # アプリケーション固有
│ ├── features/ # 機能別
│ └── ui/ # 汎用UI
├── libs/ # 外部サービス連携
├── types/ # TypeScript型定義
└── utilities/ # ユーティリティ関数
# 依存関係インストール
pnpm install
# 環境変数設定
cp .env.example .env.local# 開発サーバー起動
pnpm dev
# 型チェック
pnpm type-check
# コード検証・修正
pnpm check
pnpm check:fix
# テスト実行
pnpm test# 本番ビルド
pnpm build
# エクスポート（ビルド→エクスポート→サイトマップ生成）
pnpm exportGitHub Actionsによる自動デプロイメントをVercelで実行
pnpm --version- パッケージマネージャー確認pnpm type-check- 型エラー診断pnpm check- コード品質確認