Netlify は、ホスティング環境を提供しており、標準で CDN が搭載されているなど非常に便利なホスティング環境です。
![](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1LZVxga6SnT7g5zOe0VDsG%2F43b7fe8ec4819a7789a49553718e5089%2Fnetlify01.png&w=3840&q=75)
![netlify01.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F1LZVxga6SnT7g5zOe0VDsG%2F43b7fe8ec4819a7789a49553718e5089%2Fnetlify01.png&w=3840&q=75)
無料なのに非常に強力
基本的には静的サイトのホスティングに関しては簡単にできるようになっており、Docusaurus のように Build の手続きが必要なものも対応しています。Starter でもそれなりの使える形となっています。
私は以下のような条件なので、無料で使っている形です( 2020年10月9日現在 )
- Git との連携 ( GitHub のプライベートリポジトリも対応 )
- サイトプレビュー機能(ステージング環境も簡単に作れる)
- 一人で利用(とはいえ GitHub のリポジトリを共有してしまうことも可能)
- 帯域幅 100GB / 月(そこまでトラフィックはない)
- Build の時間 300分 / 月(これもそこまで使わない)
- フォーム機能(まだ使ってない)
- CDN ( Global Edge deployments )
個人の環境であれば、上記の条件で十分賄うことができると思います。
アカウントの作成
アカウントの作成は非常に簡単にできます。今回、私は GitHub のアカウントと紐づけて、GitHub のリポジトリと連携するような構成にしました。もちろん、他のソースコード管理ツールとも連携できるようになっています。
![netlify02.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F6iDaT71IE6ll3ivCkTT3mj%2F789f40de4fac59287bf1781e7dee3f0b%2Fnetlify02.png&w=3840&q=75)
実際に連携させる際の画面は以下のようになります。
![netlifygithub.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F5cpAQH2Vn0mnTuBgDJaPhm%2Fd6cacf15dc0f58485d277bd497843332%2Fnetlifygithub.png&w=3840&q=75)
ログインをすると、サイト一覧が表示されます(以下の参考画面は、すでに1つサイトが登録されている状況です)。
![netlify03.png](/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fzi1ovlormku8%2F3HzQi5WzKhIPnwq5UuvbYK%2Fbecb187e1824b3cb399890edb3fb427a%2Fnetlify03.png&w=3840&q=75)
ログインができたら、早速次のステップとしてサイトを追加しましょう。