これまで当サイト（mdsgn.me）は、WordPress をベースに運営してきましたが、今回のリニューアルでフロントエンドを Next.js に移行しました。

WordPress は引き続きコンテンツ管理システム（CMS）として利用しつつ、フロント側とのデータ連携には WPGraphQL を採用しています。
これにより、以下のような改善が実現できました。

1. 表示速度の大幅な向上

Next.js の 静的サイト生成（SSG） と サーバーサイドレンダリング（SSR） を組み合わせ、ページの読み込みがこれまで以上に速くなりました。
特にスマートフォンからのアクセスでは、体感速度がかなり向上しています。

2. 柔軟なデザイン・機能追加

フロントエンドを React ベースで構築したことで、UI のカスタマイズやアニメーションなど、より自由度の高い表現が可能になりました。

3. APIベースでのデータ取得

WPGraphQL を使うことで、WordPress の記事やカテゴリー情報をAPI経由で効率的に取得できるようになりました。
必要なデータだけを取得できるため、無駄な通信が減り、パフォーマンスも改善しています。

⸻

今回の移行により、「WordPressの管理のしやすさ」 と「Next.jsの高速表示」 の両方を活かせるハイブリッドな構成になりました。

今後は、記事一覧のフィルタ機能や、よりスムーズなページ遷移、さらにはインタラクティブなコンテンツなども実装予定です。

ぜひ、新しくなったmdsgnをお楽しみください。