構築ガイド パターン別 2026年版・最終更新 2026-06

静的サイト・LP(個人・小規模)の推奨構成|2026年版

先に要点

  • 個人ブログ・ポートフォリオ・LP・小規模コーポレートは、静的ホスティングの無料枠(Cloudflare Pages / Netlify / Vercel)が2026年の鉄板です。
  • 強みは 運用ゼロ・自動SSLCDN標準・Git連携で自動デプロイ。サーバーのOS保守も冗長化も考えなくてよいのが決定的です。
  • コストは多くの個人用途で無料枠に収まります(2026-06時点・公式で要確認)。独自ドメインを足す程度。
  • 注意は 動的処理(会員・決済・DB)が必要になった瞬間にはみ出ること。そのときはWebアプリの構成へ移ります。

「個人サイトやLPを、安く・速く・手間なく公開したい」── この用途では、2026年は答えがかなり固まっています。静的ホスティングサービスの無料枠を使うのが、コスト・運用・速度のどれを取っても合理的です。

このページでは、静的サイト・LP(個人・小規模)の推奨構成と、なぜそれを選ぶか、どこで限界が来るかを整理します。構成の選び方の総論は構成の選び方(総論)を参照してください。

対象と前提

次のようなサイトが対象です。

  • 個人ブログ・ポートフォリオ・プロフィールサイト
  • キャンペーンLP・告知ページ
  • 小規模なコーポレートサイト(問い合わせフォーム程度)
  • 静的サイトジェネレータ(Astro / Next.jsの静的出力 / Hugo など)や素のHTMLで作るもの

前提はサーバー側で重い動的処理をしない」こと。会員機能・決済・本格的なDB操作が主役なら、このパターンではなくWebアプリ(1人運用)を見てください。

2026年版・推奨構成

結論: 静的ファイルを静的ホスティングの無料枠に置くだけ。 Gitにpushすると自動でビルドされ、CDNから世界中へ配信されます。サーバーは持ちません。

読み込み中...

ホスティングの主要3サービスは次のとおり。上の流れはどれも同じで、使い慣れたもの・既存資産(Next.jsならVercel等)で選んで問題ありません。

読み込み中...

各サービスの詳細はNetlifyとはVercelとはCloudflare Workersとはを参照してください。

サイトの作り方(静的サイトジェネレータの選び方)

中身は「静的サイトジェネレータ(SSG)」で作るのが主流です。 用途で選びます(素のHTMLでも構いません)。

ツール 向いているケース
素のHTML / CSS 1〜数ページのLP・最小サイト。学習不要で最速
Astro コンテンツ主体のサイト・ブログ。高速で、必要な所だけJSを使える
Next.js / Nuxt(静的出力) React/Vueで作りたい。将来の動的化も視野に入れたい
Hugo / Eleventy(11ty) 大量ページのブログを高速にビルドしたい
ヘッドレスCMS連携(microCMS等) 非エンジニアも管理画面から更新したい

フォーム・軽い動的の足し方

静的サイトでも、問い合わせフォームや軽い処理は足せます。

  • フォーム ── 外部フォーム(Formspree等)、Netlify Forms、Googleフォームを埋め込む
  • 軽い動的 ── Cloudflare Workers や Netlify / Vercel の Functions(エッジ関数)で、APIや簡単な処理だけ足す
  • 本格的な動的が要るなら ── 会員・決済・DBが主役になったら、静的では成立しません。Webアプリ(1人運用)

なぜこれを選ぶか

時代非依存の理由はこうです。

  • 運用がゼロ ── サーバーのOS更新も冗長化バックアップも、考える必要がない(マネージド vs 自前運用の極北)
  • 速くて落ちにくい ── CDNから配信されるので、世界中どこからでも速く、単一サーバーより落ちにくい
  • 安い ── 個人用途なら無料枠で足りることが多い(規模とコストの原則どおり、規模に見合う)

コスト感

2026-06時点の目安(公式で要確認)

個人ブログ・ポートフォリオ・LP程度なら、無料枠に収まることがほとんどです。追加でかかるのは独自ドメイン代(年1〜2千円程度)くらい。アクセスが急増したり、ビルド頻度が高かったりすると無料枠の上限に当たるので、そのとき有料プランを検討します。料金・無料枠は改定が多いため、必ず公式の最新を確認してください。

落とし穴

  • 動的処理が要ると急にはみ出る ── 会員・決済・サーバー側DBが主役になると、静的ホスティングだけでは成立しない
  • 無料枠の上限 ── 帯域・ビルド時間・同時実行などに上限がある。バズや高頻度ビルドで超えることがある
  • フォームや問い合わせ ── サーバーが無いので、外部フォームサービスやホスティングのForms機能、軽量なFunctionsで処理する
  • 料金改定 ── 無料枠の内容は変わる。古い解説記事の数値を鵜呑みにせず、公式の現在値を見る

スケール時の移行余地

軽い動的処理が要るだけなら、Functions / エッジ関数(Cloudflare Workers、Netlify/Vercel Functions)を足して、静的のまま拡張できます。会員・決済・本格DBが必要になったら、Webアプリ(1人運用)の構成(PaaS + マネージドDB)へ移行します。フロントは静的のまま、APIだけ別に持つ構成も一般的です。

よくある質問

Q. WordPressではなく静的サイトを選ぶ基準は?

A. 更新頻度と動的機能で決めます。記事を頻繁に書く・コメントや会員機能が要るならWordPress(WordPress(中小))が楽です。ページ数が少なく更新も多くない、表示速度とコストを重視するなら静的サイトが向きます。ポートフォリオやLPは静的がほぼ最適です。

Q. 無料枠だけで本当に運用できますか?

A. 個人用途の多くは可能です。ブログ・ポートフォリオ・LP程度のアクセスなら、無料枠に収まることがほとんどです。ただし帯域やビルド時間に上限があり、アクセス急増や高頻度更新で超えることがあります。超えたら有料プランに上げる前提で、まず無料枠で始めるのが合理的です。

Q. 3社のうちどれを選べばいいですか?

A. 大枠はどれも同じなので、使い慣れたもので構いません。Next.js主体ならVercel、フォームやFunctionsを手軽に使いたいならNetlify、帯域やエッジ処理を重視するならCloudflare Pages、といった寄せ方が目安です。後から乗り換えるのも比較的容易です。

Q. 独自ドメインや常時SSLは使えますか?

A. はい、いずれのサービスも独自ドメインの割り当てと無料の自動SSLに標準対応しています。ドメインを取得して設定するだけで、HTTPS公開できます。サーバー証明書の更新も自動なので、手間はかかりません。

関連する考え方

更新履歴

  • 2026-06 — 初版公開。静的ホスティング3社の無料枠を軸に整理。