ポートフォリオ

制作範囲

・要件定義

・実装（Next.js / TypeScript / Tailwind CSS）

・microCMS 設計

・フォーム実装（Route Handler + Resend）

・デプロイ（Vercel）

※サイトのデザインデータは作成せずにコーディングのみで対応しております。

技術スタック

・Next.js 16（App Router）

・SSG / ISR を併用

・Server / Client Component の使い分け

・microCMS

・Works / Blog のモデル設計

・API フェッチ + ISR キャッシュ設計

・Framer Motion

・ページ遷移アニメーション（猫の演出）

・Vercel

・自動デプロイ

・GitHub 連携

・環境変数管理

ポイント

・SPA 的な遷移を Next.js の Link で実現

・カテゴリ付きブログ・ページネーションを実装

・ページ単位で metadata / OGP を設定

・Route Handler で問い合わせフォームを構築

・Vercel + Resend でメール送信を実現

・Tanukiページのアニメーションはページ遷移タイミングに合わせてカスタム制御（リンクはSkillsページに隠れています）