フリーランス Q&A 静的サイト

概要

フリーランスのよくある悩みに回答する Q&A サイト。フロントエンドは Next.js で SSG、コンテンツ管理のみ WordPress を使ったヘッドレス構成。

課題・背景

Q&A 形式のコンテンツを蓄積・閲覧できる軽量なサイトが必要で、編集側は使い慣れた WordPress、閲覧側は静的配信で高速化したかった。

アプローチ

WordPress を CMS として残しつつ、フロントエンドは Next.js で SSG 化したヘッドレス構成を採用。デプロイ先は Vercel から Cloudflare Pages に移行し、コスト・配信速度の両面を最適化した。

成果

軽量・高速な静的配信で稼働。編集者は使い慣れた WordPress 管理画面で運用を継続できている。

担当範囲

企画立案／要件定義／コーディング／テスト／保守・運用

技術スタック

Next.js／Material UI／WordPress (WP REST API)／Cloudflare Pages／TypeScript／React