Netlify（ネットリファイ）とは何ですか？

Jamstackに最適なWebホスティング・CI/CDプラットフォーム。GitリポジトリにプッシュするだけでSSGサイトのビルドとCDN配信を自動で行ってくれる。

Netlify（ネットリファイ）のポイントは？

GitHubなどのリポジトリと連携し、プッシュするだけで自動ビルド・自動デプロイしてくれるホスティングサービス。世界中のCDN（コンテンツ配信ネットワーク）に配置されるため、どこからアクセスしても高速に表示される。Netlify Functions（サーバーレス関数）やフォーム処理、認証などのバックエンド機能も提供している。無料プランでも個人サイトやポートフォリオには十分な機能が使え、SSLも自動設定される

【ネットリファイ】

Netlify（ネットリファイ）とは？

💡 Gitにプッシュしたら、あとは全部おまかせのWebデプロイ執事

📌 このページのポイント

GitHubなどのリポジトリと連携し、プッシュするだけで自動ビルド・自動デプロイしてくれるホスティングサービス
世界中のCDN（コンテンツ配信ネットワーク）に配置されるため、どこからアクセスしても高速に表示される
Netlify Functions（サーバーレス関数）やフォーム処理、認証などのバックエンド機能も提供している
無料プランでも個人サイトやポートフォリオには十分な機能が使え、SSLも自動設定される

NetlifyのGit→ビルド→CDN配信フロー

ひよこ

Netlifyって何をしてくれるの？

ペンギン先生

Webサイトのホスティング（公開）を驚くほど簡単にしてくれるサービスだよ。GitHubにコードをプッシュするだけで、ビルドして世界中に配信するところまで全部自動でやってくれるんだ

ひよこ

レンタルサーバーとは何が違うの？

ペンギン先生

レンタルサーバーだとFTPでファイルをアップロードしたり、サーバーの設定をいじったりする必要があるよね。Netlifyは「GitにプッシュしたらOK」というシンプルさが売りなんだ。しかもCDNで配信されるから、世界中どこからアクセスしても速いよ

ひよこ

Jamstackって何？

ペンギン先生

JavaScript・API・Markupの頭文字を取ったアーキテクチャの考え方だよ。HTMLをあらかじめ生成しておいて、動的な部分はAPIで取得する方式。NetlifyはこのJamstackを広めた立役者でもあるんだ

ひよこ

おもしろい！無料で使えるの？

ペンギン先生

無料プランがあって、個人ブログやポートフォリオには十分だよ。月100GBの帯域幅、ビルド300分まで無料。SSL証明書も自動で付くから、https対応も手間いらずだね

ひよこ

Vercelとどっちがいいの？

ペンギン先生

Vercelは Next.js との相性が抜群で、NetlifyはAstroやHugoなどの静的サイトジェネレーターと相性がいいね。Netlify Functionsでサーバーレス処理も書けるし、フォームのバックエンド処理も組み込みで対応しているから、小〜中規模のサイトには特に便利だよ

まとめ：ざっくりこれだけ覚えればOK！

「Netlify」って出てきたら「Gitにプッシュするだけでサイトを公開してくれるサービス」と思えればだいたいOK！

📖 おまけ：英語の意味

「Netlify」＝ネットリファイ（造語）

💬 「Net」はインターネット、「lify」は「simplify（簡単にする）」から来ていると言われているよ。ネットを簡単にする、という意味が込められているんだね

← 用語集にもどる

Netlify（ネットリファイ） とは？

Netlify（ネットリファイ）とは？