Cloudflare Pages

Cloudflare PagesはVercelやNetlifyと同じような静的サイトをホスティングするためのサービスです^{cloudflare_pages}。GitHub連携もでき、コミットするごとにプレビューURLを生成し確認できます。

Cloudflare Pagesのダッシュボード

Vercelなどとの違いは豊富な設定項目にあると思うので、いくつかの設定について紹介します。CloudflareではDDos対策^{cloudflare_ddos}やBot対策などのセキュリティ関連の設定ができます。通信に関してはHTTP/3の有効化やキャッシュの期間設定などもできます。 またアプリ連携^{cloudflare_app_integration}もでき、SNS共有ボタンやコメント機能などをアプリ側のコードを一切変えずに追加できます。

その他にはWorkers連携^{cloudflare_workers_integration}があります。これはCDNのEdge領域で処理を返すAPIを作成でき、TypeScriptやWebAssemblyのコードをデプロイできるそうです^{cloudflare_ts_webassembly}。Cloudflare WorkersはVercelのEdge Functions^{vercel_edge_function}で利用されているだけでなく、Remix.jsやShopify Hydrogenのデプロイ先候補としても利用されており勢いがあります。ちなみに、CDNのEdge部分で利用できるS3互換のR2^{cloudflare_r2}なども発表されているので、今後にも期待できそうです。

Cloudflare Pagesは利用できる機能も豊富ですが、体感としてVercelよりもサーバー応答が遅い感じがします。こちらのzennのScrapsにも比較されてるので、参考にしてみてください^{cloudflare_pages_response}。