Netlifyとは何か｜できること・料金・無料枠・Vercelとの違いと使いどころを総まとめ

静的サイトや JAMstack 構成のデプロイ先を探すと、ほぼ必ず候補に挙がるのが Netlify です。「Git に push したら勝手に公開された」という体験を初期から提供してきたサービスで、いまも個人ブログから企業のマーケサイトまで幅広く使われています。

この記事では Netlify とは何かから、できること、2026 年時点の料金プラン、Vercel との違い、そして「どんな案件で選び、どんな案件では避けるか」までを一気に整理します。料金や機能は変動が激しい領域なので、金額の最新値は必ず公式の料金ページで確認してください。

Netlify とは何か

Netlify は、フロントエンドのコードを Git リポジトリから自動的にビルドし、生成された静的ファイルやサーバーレス関数をホスティングして配信する PaaS（プラットフォーム）です。サーバーの構築・運用が不要で、コードをプッシュすればビルドと公開までが自動で走ります。

もともとは「JAMstack」という考え方を広めた立役者でもあります。JAMstack とは、JavaScript・API・あらかじめ生成しておいた Markup（マークアップ）を組み合わせ、表示そのものは SSG（静的サイトジェネレーター） で先に作っておき、動的な処理は API に逃がすという構成です。ページを毎回サーバーで組み立てる従来型に比べ、配信が速く、攻撃面も小さくなります。Netlify はこの構成を前提に作られており、Git 連携・自動ビルド・グローバル CDN 配信・無料の SSL 証明書までが標準で揃っています。

Netlify でできること

Netlify の機能はフロントエンド公開に必要なものをひと通りパッケージしているのが特徴です。代表的なものを挙げます。

ポイントは、フォームや関数といった「静的サイトに少しだけ動きを足したい」需要を Netlify が標準で吸収してくれることです。問い合わせフォームのために別途バックエンドを立てる必要がなく、HTML にフォームを書くだけで受信できるのは、小規模案件では地味に効きます。

Netlify の始め方

初めて触る場合の最短ルートはおおむね次のとおりです。実際の所要時間は数分から十数分程度です。

つまずきやすいのは公開ディレクトリの指定です。フレームワークによって出力先が dist だったり out、build、public だったりするため、ビルドは成功しているのにページが真っ白、という事故はだいたいここが原因です。ローカルでビルドして、生成されたフォルダ名をそのまま指定するのが確実です。DNS の切り替えは反映に時間がかかることがあるので、SSL が「保留中」のまましばらく待つのも珍しくありません。

Netlify の料金プランと無料枠

Netlify の料金は 2026 年時点で 4 段階です。さらに以前のような単純な帯域・ビルド時間の上限制から、操作ごとにクレジット（credit）を消費する従量課金へと組み替えられています。金額やクレジット数は改定が入りやすいので、下表はあくまで目安として捉え、契約前に必ず公式の料金ページで最新を確認してください。

クレジットは操作ごとに消費されます。たとえば本番デプロイ、転送量（バンド幅）1 GB あたり、コンピュート（関数実行）の GB 時あたりで、それぞれ決められたクレジットが引かれていく仕組みです。2026 年 4 月の改定では、Pro プランがシート（席）課金をやめ、人数を増やしても月額が変わらない形に変わったと案内されています。チームで人を足すたびに費用が膨らむ、という従来の不安は薄れました。

Netlify と Vercel の違い

デプロイ先として Netlify と最もよく比較されるのが Vercel です。どちらも「Git に push して自動デプロイ」「Deploy Preview」「サーバーレス関数」「グローバル配信」という基本構成は似ており、無料枠で個人サイトを公開する範囲ではほぼ同じ体験になります。違いが出るのは思想とフレームワークとの距離感です。

大ざっぱに言えば、フレームワークを選ばず静的・ヘッドレス寄りで組むなら Netlify、Next.js の全機能を前提にするなら Vercelという住み分けです。Netlify でも Next.js は動きますが、SSR や最新の Next.js 機能をフルに使う構成だと、本家である Vercel のほうが素直に動くケースが多くなります。逆に Astro や Hugo、Eleventy のような純粋な SSG、あるいは CMS と組み合わせたマーケサイトなら、Netlify のフォームや関数のまとまりが効いてきます。

料金や帯域、関数の挙動を含めたより細かい比較は、別記事のVercel と他のデプロイ基盤の違いで整理しています。Vercel 側の事情を先に知りたい場合は、Vercel の料金プランと無料枠やVercel の請求が高くなる原因と対策もあわせて読むと、両者をフラットに比べられます。これから初めてデプロイを体験するならVercel ではじめてのデプロイで流れを掴んでおくと、Netlify の手順も理解が早まります。

メリットとデメリット

判断材料として、実務で効いてくる長所と短所を整理します。

どんな案件で Netlify を選ぶか

最後に、実務での選定基準を具体化します。次の条件に当てはまるほど Netlify が向いています。

• 表示が静的中心で、動的処理はフォーム送信や軽い API 呼び出し程度に収まる。
• Astro / Hugo / Eleventy / Gatsby などの SSG、あるいはヘッドレス CMS を使う。
• Next.js への強い依存がなく、フレームワークを将来差し替える可能性もある。
• 問い合わせフォームを最短で用意したい。バックエンドを立てたくない。
• チームでレビューを回したいが、運用に手間をかけたくない。

逆に、Next.js の SSR・サーバーアクション・最新キャッシュ機構を前提に設計するなら、Vercel をまず比較対象に置くべきです。また「動的処理がアプリの主役」になっている場合は、Netlify Functions のエッジ実行だけで足りるのか、フルスタック向けの基盤が要るのかを、要件段階で切り分けておくと後悔しません。Netlify はあくまで「配信が主役、動的処理は脇役」の構成で最も光るサービスだと理解しておくと、選定を外しにくくなります。

Netlify に関するよくある質問

Q. Netlify は無料で使い続けられますか

A. はい。Free プランは月額 0 ドルで、独自ドメイン・SSL・Deploy Preview・Functions・CDN まで使えます。個人サイトやドキュメントサイトなら無料枠でも実用的です。ただしクレジット消費が上限を超える規模になると有料化が必要です。最新の枠は公式の料金ページで確認してください。

Q. Netlify と Vercel はどちらを選べばよいですか

A. 静的・JAMstack・ヘッドレス CMS 寄りなら Netlify、Next.js の全機能を前提にするなら Vercel が無難です。両者の細かな違いはVercel と他のデプロイ基盤の違いで整理しています。

Q. Next.js は Netlify で動きますか

A. 動きます。ただし SSR や最新機能をフルに使う構成では、本家の Vercel のほうが追従が早いことがあります。静的書き出し中心なら Netlify でも問題は出にくいです。

Q. クレジット方式とは何ですか

A. デプロイ・転送量・関数実行などの操作ごとにクレジットを消費し、月のクレジット枠を使い切ると追加課金される従量モデルです。固定の帯域上限ではなく、使った分だけ積み上がる考え方です。具体的な単価は公式の料金ページを確認してください。

Q. Netlify Forms とは何ですか

A. HTML フォームにマークアップを少し足すだけで、送信内容を Netlify 側が受信・管理してくれる機能です。問い合わせフォームのためにバックエンドを立てずに済むのが利点です。

Q. デプロイは成功したのにページが真っ白です

A. 公開ディレクトリの指定ミスが最有力です。フレームワークの出力先（dist / out / build / public など）と Netlify の公開ディレクトリ設定が一致しているか確認してください。

Q. 費用が急に高くなることはありますか

A. 従量課金のため、重い画像配信や想定外のアクセス集中で転送量クレジットを多く消費すると費用が振れます。上限や通知の設定を最初に済ませ、メディアの最適化をしておくと事故を防げます。

参考リンク

• Netlify 公式サイト
• Netlify 料金ページ（最新の金額・クレジットを確認）
• Netlify Docs（公式ドキュメント）