ポートフォリオサイト

経歴、プロジェクト、技術領域を一つにまとめ、公開情報をデータから継続更新できる個人ポートフォリオ。

概要

小峯海円の経歴、事業、コミュニティ活動、開発作品を一つの場所にまとめたポートフォリオサイト。プロフィールや作品情報をデータとして管理し、新しい活動を継続的に追加できる構成にしている。

プロフィール、経歴、Skills、Worksを一つのストーリーとして掲載

作品ごとの詳細ページ、公開サイト、GitHubへの導線

PC・タブレット・モバイルに対応したレスポンシブレイアウト

システム設定と連動するダークモード

入力検証とメール送信を備えた問い合わせフォーム

canonical、sitemap、robots、JSON-LD、OG画像を含むSEO設定

Next.js App Routerの静的生成で、作品一覧と詳細ページを高速配信

TypeScriptの型定義とデータファイルで、プロフィール・経歴・作品を一元管理

shadcn/uiとRadix UIを基礎に、紫を軸としたUIへ統一

Framer Motionによるスクロール連動アニメーション

React Hook FormとZodによる問い合わせ内容の検証

Resendを使った問い合わせメール送信

Node.js標準テスト、ESLint、本番ビルド、ブラウザ視覚確認を公開前に実行

フロントエンド: Next.js 16（App Router）/ React 19 / TypeScript

UI: Tailwind CSS 4 / shadcn/ui / Radix UI

フォーム: React Hook Form / Zod

モーション: Framer Motion

メール送信: Resend

ホスティング: Vercel