注：「Git hub」アカウントを持っている必要があります。

☆あらかじめ「Git hub」にwebサイト専用のリポジトリを作成して、index.htmlファイルも作ってアップロードしておいてください。☆

1.Renderに登録します。

2.そしたら「New」の「static site」をクリックするとこのような画面が出てきます。

そしたら先ほど作成したリポジトリを選択「connectボタン」してください。

Git hubと接続の画面が出たら画面に従って接続してください。

3.そしたらこのような画面になります。

Nameにはサイトの名前を入力してください。

Branchはmainのままで。

Root Directoryは入力しません。

Build Commandには「yarn」と、入力します。

Publish directoryには「./」と入力してください。

上記全て入力したら「Diploy static site」を押してしばらく待ってください。

4.そしたら青枠で囲まれているリンクをクリックしてください。

一番最初に作ってアップロードしたhtmlファイルが表示されたら成功です。

カスタムドメインを使用する方法

1.先ほど公開したサイトの↓詳細画面↓にきたら、左のにある「Settings」をクリックします。

↓ここの部分まで↓スクロールします。

2.「custom Domains」の項目の「Add Custom Domain」をクリックします。

そしたら自分の持っているドメインを入力します。例:○○○.com

そして「save」をクリックします。

すると↓赤く塗りつぶされたところ↓にコードが表示されるようになるのでコピーしておきます。

ここからは、ドメインを取得したところから設定してください。

ここではDDNS Nowを使っています。

CNAMEレコードのところに先ほどのコードを貼り付け、設定を更新します。

ここからはRenderで設定します。

そしたら↓「verify」ボタン↓をクリックしてエラーが出なくなるまでクリックします。

ドメインと接続されたら↓このように↓なります。

設定したドメインに行くと自分のサイトが表示されるはずです。

これでカスタムドメインの設定終了です。お疲れさまでした。