前回の続きです。Netlifyをスタートして、Githubのデータをデプロイする手順を説明します。
![](https://cdn.sanity.io/images/o0o2tn5x/marketing/19d95d00d7f79b8b4340dc6ca183ac5456f1a095-1200x630.png)
Scale & Ship Faster with a Composable Web Architecture | Netlify
Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composab...
Netlifyのアカウントを作成
まずは、Netlifyのアカウントを作成します。Netlifyの公式サイトにアクセスし、「Sign up」をクリックします。「Sign up to deploy your project」から新規作成するアカウントを選択します。。
![](https://eguweb.jp/wp-content/uploads/202311191605No-00.jpg)
今回はGithubを使用しますのでGithubと連携しておきます。
![](https://eguweb.jp/wp-content/uploads/202311191606No-00.jpg)
Githubのアカウントを連携する
Netlifyのアカウントを作成したら、Githubのアカウントを連携します。Netlifyのダッシュボードにアクセスして初期設定を進めていきます。
![](https://eguweb.jp/wp-content/uploads/202311191607No-00-1024x627.jpg)
![](https://eguweb.jp/wp-content/uploads/202311191607No-02.jpg)
「Continue to deploy」をクリックします。
プロジェクトを作成(Deploy your first project.)
Githubのアカウントを連携したら、プロジェクトを作成します。
「Deploy with GitHub」を選択して、進めていきます。
![](https://eguweb.jp/wp-content/uploads/202311191607No-03-1024x476.jpg)
Githubとの連携になるので進めていきます。
![](https://eguweb.jp/wp-content/uploads/202311191609No-00-1024x589.jpg)
![](https://eguweb.jp/wp-content/uploads/202311191609No-01-1024x618.jpg)
Let’s deploy your project.
Netlifyにプロジェクトを作成したいrepositoryを選択します。
![](https://eguweb.jp/wp-content/uploads/202311191613No-00.jpg)
「Deploy XXXXXX to Netlify」を選択すると、デプロイが始まります。
![](https://eguweb.jp/wp-content/uploads/202311191614No-00-1024x718.jpg)
デプロイされました!
![](https://eguweb.jp/wp-content/uploads/202311191618No-00-1024x487.jpg)
デプロイされたプロジェクトのURLをクリックします。
プロジェクトがデプロイされていることを確認します。
![](https://eguweb.jp/wp-content/uploads/202311191618No-01.jpg)
補足・まとめ
以上、Netlifyをスタートして、Githubのデータをデプロイする手順の説明は終了です。
Netlifyは、Githubと連携することで、簡単にWebサイトをデプロイすることができます。また、無料プランでも十分な機能を利用することができます。
続きは、また。
![](https://cdn.sanity.io/images/o0o2tn5x/marketing/19d95d00d7f79b8b4340dc6ca183ac5456f1a095-1200x630.png)
Scale & Ship Faster with a Composable Web Architecture | Netlify
Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composab...