WordPressからNext.jsへ。スポーツ用品コンサルタント様のWebサイトを「運用負荷の少ない構成」へ刷新

今回は、愛知県東浦町で活動されているスポーツ用品コンサルタント様のWebサイト刷新を支援しました。

今回のご相談では、単純にWebサイトのデザインを新しくするのではなく、「これからどのようにWebサイトを運用していくか」まで含めて構成を見直すことがポイントでした。

ご相談時の課題

既存のWebサイトはWordPressで構築されていましたが、いくつかの課題を抱えていました。

特に大きかったのが、関連サイトでセキュリティ警告が表示されていたことです。

また、WordPressは便利なCMSである一方、継続的なアップデートやプラグインの管理などが必要になります。

今回のお客様の場合、今後は別事業にも注力していく予定があり、Webサイトを頻繁に更新する必要もありませんでした。

そのため、

• Webサイトの更新機能はほとんど必要ない
• 必要なのは会社・サービス情報と問い合わせフォーム
• サイト管理にできるだけ時間をかけたくない
• セキュリティ面の不安を減らしたい

という状況でした。

そこで、「今までWordPressだったから、次もWordPressにする」のではなく、現在の使い方に合ったWebサイトの構成そのものを考え直すことにしました。

本当にWordPressが必要なのかを検討

Webサイト制作では、WordPressを採用するケースは非常に多くあります。

ブログやお知らせを頻繁に更新したい場合や、専門知識がなくても管理画面からページを編集したい場合には、WordPressは便利な選択肢です。

一方で、ほとんど更新しないWebサイトの場合、CMSを維持すること自体が負担になることもあります。

そこで今回は、

静的HTML / CMS / Next.jsによる開発

という複数の方法を比較しました。

その結果、更新頻度や必要な機能、今後の保守負担などを考慮し、WordPressを使わずNext.jsで再構築する方針をご提案しました。

Next.js + Vercelによるシンプルな構成へ

新しいWebサイトは、Next.js（TypeScript + React）を使って構築しています。

サイトの更新機能を持たせる必要がないため、できるだけ静的な構成とし、問い合わせフォームについてはResend APIを利用しました。

公開環境にはVercelを採用しています。

これによって、WordPressのようにCMS本体やプラグインを継続的に管理する必要がなくなり、Webサイトを維持するための負担を抑えられる構成になりました。

また、将来的に要件が変わった場合には、VPSなど別の環境へ移行できることも考慮して設計しています。

制作だけでなく、既存環境の調査から対応

今回の支援では、Webサイトを制作するだけではなく、既存環境の整理からスタートしました。

まず、現在のサイト構成やサーバー契約、ドメインの状態などを確認。

そのうえで、新しいサイトの構成を検討し、Next.jsによる再構築、問い合わせフォームの実装、Vercelへのデプロイ、テスト環境の構築まで対応しました。

さらに、本番公開に向けたDNS切り替えについても、事前に移行手順を整理しています。

Webサイトをリニューアルするときには、デザインやプログラムだけでなく、「現在どこで何を契約しているのか」「ドメインはどう管理されているのか」まで整理することが重要です。

Webサイトは「高機能」である必要はない

今回のWebサイト刷新で大切にしたのは、機能を増やすことではありません。

むしろ、

必要のない機能を持たせないことを重視しました。

CMSが必要ならCMSを導入する。

頻繁に情報発信するなら、更新しやすい仕組みを作る。

一方で、会社情報と問い合わせ窓口としてWebサイトを使うのであれば、複雑な管理機能を持たせないという選択肢もあります。

今回のケースではWordPressへの依存をなくしたことで、サイトを軽量化するとともに、HTTPSへの対応や運用負荷の軽減につなげることができました。

Webサイトの役割から、必要な仕組みを考える

株式会社moveeでは、「Webサイトを作ること」そのものを目的にするのではなく、その会社にとってWebサイトがどのような役割を持つのかから考えて構成をご提案しています。

WordPressが適している場合もあれば、今回のようにNext.jsなどを使ったシンプルな構成が適している場合もあります。

「今のホームページをそのまま使い続けていいのかわからない」

「WordPressの管理が負担になっている」

「必要最低限のホームページに整理したい」

といった場合も、現在の構成を確認したうえで、必要な仕組みから一緒に整理することができます。