https://github.com/dsk52/blog
Blog
https://github.com/dsk52/blog
microcms nextjs typescript
Last synced: about 2 months ago
JSON representation
Blog
- Host: GitHub
- URL: https://github.com/dsk52/blog
- Owner: dsk52
- Created: 2017-03-05T17:55:16.000Z (over 9 years ago)
- Default Branch: develop
- Last Pushed: 2026-04-25T00:24:34.000Z (2 months ago)
- Last Synced: 2026-04-25T00:28:51.146Z (2 months ago)
- Topics: microcms, nextjs, typescript
- Language: TypeScript
- Homepage: https://blog.daisukekonishi.com
- Size: 78.9 MB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# blog
[](https://github.com/dsk52/blog/actions/workflows/develop.yml)
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/ # ユーティリティ関数
```
## セットアップ
```bash
# 依存関係インストール
pnpm install
# 環境変数設定
cp .env.example .env.local
```
## 開発
```bash
# 開発サーバー起動
pnpm dev
# 型チェック
pnpm type-check
# コード検証・修正
pnpm check
pnpm check:fix
# テスト実行
pnpm test
```
## ビルド・デプロイ
```bash
# 本番ビルド
pnpm build
# エクスポート（ビルド→エクスポート→サイトマップ生成）
pnpm export
```
## デプロイメント
GitHub Actionsによる自動デプロイメントをVercelで実行
## トラブルシューティング
- `pnpm --version` - パッケージマネージャー確認
- `pnpm type-check` - 型エラー診断
- `pnpm check` - コード品質確認