NEXTORA
AboutServiceWorksContact

会員サイトフルリニューアル

担当:フロントエンド開発/バックエンド開発/リニューアル/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人開発のため、設計判断から移行品質の確認まで幅広く担当