ホームページの構成はどう選ぶ？｜CMS・静的サイト・Astro・Next.jsの違い

ホームページの提案で技術名が並んだときは、「誰が原稿を更新するか」「訪問者に何を見せるか」「どんな処理が必要か」に分けて聞くと比較しやすくなります。WordPressは編集などに使うソフトウェア、静的サイトは配信方式、Astroは制作者が使う実装ツール、と役割が違います。

更新方法・配信方式・制作ツールを分けて見る

WordPressは編集とページ表示をまとめられるソフトウェア、Studioは編集から公開までを扱うサービスです。microCMSは原稿などを管理し、別に作った公開ページへ渡す用途で使えます。一つの製品で複数の役割を担うこともあります。提案を受けたら、どの役割を任せるのか確認しましょう。

お知らせだけを自分で変えたい場合と、ページのレイアウトを毎週変えたい場合では、向く編集方法が違います。「CMS付き」とだけ比較せず、実際に担当者が行う操作を見せてもらいます。

当社が会社・店舗の案内サイトを新しく作る場合は、Astroによる静的なページを基本とし、必要ならお知らせ用の管理画面とフォームを組み合わせます。訪問者ごとに複雑な処理をする必要が少なく、構成を絞りやすいためです。

日々の編集にWordPressやStudio固有の機能が必要なら、継続する選択肢もあります。更新方法の確認と静的サイトの向き不向きを先に比べてください。

自社で開発する会員画面や業務システムは、誰がどの情報を見て変更できるか、データをどう保存するかを決める必要があります。必要なサーバー処理とデータベースも含めて構成を選びます。外部の予約・決済サービスで足りるかも検討します。

Next.jsは静的な出力にも対応します。Astroにも必要なページをアクセス時に生成する機能があります。「Astroだから静的」「Next.jsだから必ず動的」と技術名だけで判断はできません。Next.js公式資料、Astro公式資料

このコーポレートサイトはNext.jsで実装しています。一方、案内中心のサイトを新たに制作する際にはAstroを基本にする方針です。自社の既存実装と、お客様の新規制作に必要な構成は分けて判断します。

同じ制作ツールでも、テンプレートを使うか、写真や情報の並びまで設計するかで印象は変わります。逆に構成を変えても、原稿と素材をそのまま使えば、見た目の課題は残ることがあります。デザインの見直し方で、変えたい箇所を整理できます。

AIを使う場合も、制作の下書きや実装をどう進めるかという話と、公開サイトがどう動くかという話は別です。制作費用の記事で、作業範囲と納品時の確認を比較してください。

確認したいのは、お知らせを公開するまでの操作、問い合わせの受け取り方、障害時の連絡先、毎月・毎年の支払先です。その後に、どの技術で実現するかを確認します。

ホームページの管理・運用ガイドから、必要な作業を整理できます。構成がまだ分からない状態でも、制作・移行の相談は可能です。