会員サイトフルリニューアル
担当:フロントエンド開発/バックエンド開発/リニューアル/Webアプリ開発
タグ:製造
スキル:Claude CodeTypeScriptMicroCMSReact.js,Next.jsSassSupabase
実装期間:2026年4月21日 〜 2026年7月7日
概要
長年運用されてきた WordPress 製コーポレートサイト(数百ページ)を、Next.js + ヘッドレス CMS + Supabase による Jamstack 構成へ移行。
設計から実装、移行、公開準備まで 1人で担当しました。
初めての経験
- Supabase を使った会員サイトの構築
- 数百ページ規模の WordPress サイトの Jamstack 化を、1人で完遂
背景
製品情報・ニュース・FAQ・問い合わせ・会員向け資料ダウンロードなど、多機能が積み上がった旧サイトを、更新しやすく・安全に・長く運用できる構成へ刷新する必要があった。
担当内容
- 旧 WordPress サイトの Jamstack への全面移行(フロントエンド再構築、CMS 移行、既存デザインの踏襲)
- 会員登録・ログイン・マイページ・限定コンテンツのゲート機能(Supabase)
- 問い合わせ・見積・採用など各種フォームの再実装と外部サービス連携
- サイト内検索、SEO 資産(リダイレクト・構造化データ・計測タグ)の引き継ぎ
- 既存会員データ(約3,800件)の移行設計と投入
- staging 環境構築、DNS 切替による無停止公開の準備
技術スタック
Next.js / React / TypeScript / microCMS / Supabase / Vercel / SCSS
成果・学び
- ページ数・機能数が多い移行案件を、要件整理から段階的に進めて完遂
- Supabase初利用ながら、認証・DB 設計・データ移行まで一貫して設計・実装。また、既存会員への一斉メールの送信の設計や方法も自分が担当し実装いたしました。
- 旧サイトの SEO・計測資産を維持しつつ、モダンな構成へ載せ替え
- 1人開発のため、設計判断から移行品質の確認まで幅広く担当