自己紹介・制作実績をまとめたポートフォリオサイトです。
PC・スマホ両対応のレスポンシブデザインを採用しており、
Next.js と TypeScript を用いてモダンな構成で制作しています。

本ポートフォリオは、Webフロントエンドの実装力を示すことを目的としています。

• Next.js 14
• TypeScript
• WordPress(Headless CMS)
• REST API連携

• ---

• React Hooks
• （必要に応じて補足：簡単なデータ管理やコンポーネント設計あり）

src/ ├─ app/ # ページ単位のルーティング ├─ components/ # UIコンポーネント群 ├─ data/ # 表示用のサンプルデータ ├─ lib/ # ユーティリティ関数ペ └─ types/ # 型定義ファイル

• コンポーネント化による再利用性向上
  複数ページで共通パーツを再利用しやすい構成に整理しました。

• レスポンシブ対応
  module.CSS を用いてモバイル～PCまで幅広く対応。

• 型定義による安全性向上
  TypeScript で型を明示し、開発時にエラー検知しやすくしています。

• API使用時の工夫 REST API 連携では、lib ディレクトリ内に API ラッパー関数を実装。 ページ側では関数を呼び出すだけでデータ取得が可能な構成とし、再利用性を確保。

ローカルで確認する場合は以下の手順で実行可能です。

# パッケージインストール
npm install

# 開発サーバー起動
npm run dev

# http://localhost:3000 でアクセス可能