ポートフォリオサイトをリニューアルしました

はじめに

このたび、ポートフォリオサイトを全面的にリニューアルしました。これまで Create React App で作っていたサイトを、Next.js（App Router）へ作り替え、温かみのある世界観・3D表現・コンテンツのCMS管理を取り入れています。

リニューアルの目的

「作り込まれた世界観」と「実績やブログを自分で簡単に更新できる仕組み」を両立したいと考えました。そのために、表示速度・SEO・ヘッドレスCMS連携に強い Next.js を基盤に選び、microCMS でコンテンツを管理する構成にしています。

主な見どころ

• スクロールに連動して形が変化する3Dオブジェクト（React Three Fiber）
• カーソルに反応して波打つ、温かい色味の背景
• 実績が右から左へ流れる横スクロールのギャラリー
• microCMS による実績・ブログの管理

使用技術

Next.js / React Three Fiber / Framer Motion / microCMS / Tailwind CSS / Vercel。

おわりに

これからもブログで開発の記録や学びを発信していきます。Web制作・開発、業務効率化／DXのご相談はお気軽にどうぞ。