https://zenn.dev/highgrenade/articles/75a4580de96f76

前段

2021年10月にNext.js12がリリースされました。 その新機能として、Edge Functionというものがあります。 これは、ざっくりというとCDN上でJSを動作させることが出来る機能です。

ここでふと、CDNでJSが動かせると何が良いの？ CDNってそもそもどういう役割をしてるんだっけ？ エッジってなんだ？みたいな疑問が浮かびました。 以下で、これらについて触れていこうと思います。

CDNとは

CDNは、（Content Delivery Network）の略です。

• 大容量のデジタルコンテンツをインターネット上で大量配信するためのネットワーク
• 最近だと、大量配信の為のネットワークだけでなく、大量配信を通して収益を上げるための課金・認証システムも含めてCDNと呼ばれるようになってきている
• 簡単に言うと、負荷を肩代わりしてくれるレンタルサーバ＋ネットワークのようなもの

なぜCDNを利用するか？

• 身近な例だと、PCやスマホのOSアップデートにも利用される
• アップデート初日は高い負荷がかかるが、それ以外はとても低い
• 最高負荷に合わせて、大容量サーバや高速通信ネットワークを用意すると低負荷の日にも無駄なコストがかかってしまう
• 上記の様な場合にコストよく運営する場合に存在しているのがCDN

CDNのおかげで、本体サーバには負荷がかからない様になる為、安定してサービスを提供できるようになります。

CDNなし

CDNあり