開発の背景

PALETTEの活動・実績・サービスを発信する対外向けコーポレートサイトとして、チームで設計・実装しました。公開サービスとしての品質を意識した設計にしています。

実装内容

React Router v7 + TypeScript + microCMS で構築し、Cloudflare Workers へデプロイしています。SSR の実行環境として Cloudflare Workers Runtime を採用し、スタイリングは Panda CSS をコード生成ベースで運用、アニメーションには GSAP / Framer Motion / Lottie を組み合わせています。

ページ構成はコーポレートサイトとして必要な情報をひと通り備えており、以下の機能を実装しています。

ホーム・アバウト・サービス — チームの紹介と提供価値を発信

ニュース — /news /news/:id で一覧・詳細を表示、ドラフトプレビューにも対応

実績紹介 — /works /works/:id で制作物の一覧・詳細を表示

コンテンツ管理は microCMS 経由で行い、sitemap.xml・robots.txt・プライバシーポリシーも整備しています。また、GitHub Actions による CI と main / stg / prod 三層構成のデプロイフローも構築しています。

担当範囲

フロントエンド実装・Cloudflare Workers を使ったサーバーサイドレンダリング基盤の構築・microCMS との API 連携・CI/CD パイプラインの設計と実装を担当しました。