Skip to content
Latchkey

Netlify vs Cloudflare Pages: フロントエンドホスティング

Netlifyは豊富なpluginエコシステムを備えた成熟したJamstackプラットフォーム。Cloudflare PagesはWorkersと安いegressを備えたCloudflare上のedge-nativeなホスティングです。

Netlifyは、洗練されたJamstackワークフロー、build plugin、forms、identity、多くのフレームワークにわたるNetlify Functionsを提供します。Cloudflare PagesはWorkersでCloudflareのedge上で動き、強力な無料tier、低い帯域幅コスト、R2、KV、D1との統合を備えています。Netlifyは成熟したbuildとpluginのエコシステムを重視し、Cloudflare Pagesはedgeの経済性とCloudflareプラットフォームを重視します。

NetlifyCloudflare Pages
RuntimeFunctions (Node)Workers (edge)
エコシステムPlugin、forms、identityR2、KV、D1、Durable Objects
料金寛大、積み上がり得る強力な無料tier、安いegress
Edgeの到達範囲良好非常に広い (Cloudflare)
最適な用途Jamstack + pluginedge-native、コストに敏感

ユースケースとプラットフォーム

Netlifyは、plugin、forms、identityが標準で使える成熟したJamstack体験を求めるチームに向いています。Cloudflare Pagesは、edgeでの実行、低いegress、full-stackなedgeアプリ向けのCloudflareのprimitiveを求めるチームに向いています。どちらも静的サイトとSSRスタイルのフレームワークを扱えますが、プラットフォームの追加機能が異なります。

CIとdeployでは

どちらも自分のGitHub Actionsパイプラインから、Git pushまたはCLI (CloudflareはWrangler) 経由でdeployします。いずれもマネージドrunnerからdeployでき、より速いrunnerがdeploy前のbuildを短縮します。

結論

plugin、forms、identityを備えた成熟したJamstackワークフローなら: Netlify。edge-nativeな実行、低い帯域幅コスト、Cloudflareのprimitiveなら: Cloudflare Pages。Netlifyのpluginエコシステムを重視するか、Cloudflareのedgeの経済性とプラットフォームを重視するかで選びます。

関連ガイド