【Vercel × Astro】独自ドメインを設定する方法

こちらに【Vercel × Astro】独自ドメインを設定する方法についてのマークダウン形式の記事をご紹介します。

Vercel × Astro 独自ドメイン設定方法

Astroで作成したサイトをVercelにデプロイし、独自ドメインを設定する方法を解説します。手順は簡単で、数分で完了します。

前提条件

• AstroプロジェクトがVercelにデプロイされている
• 独自ドメイン（例: example.com）が購入済みで、DNS設定が可能

手順

1. Vercelのダッシュボードにアクセス

1. Vercelのダッシュボードにログインします。
2. 独自ドメインを設定したいプロジェクトを選択します。

2. ドメイン設定ページに移動

1. プロジェクトページの左側メニューから「Settings」を選択します。
2. 「Domains」セクションまでスクロールし、「Add」ボタンをクリックします。

3. ドメインを追加

1. 追加したい独自ドメイン（例: example.com）を入力し、「Add」ボタンをクリックします。
2. 入力したドメインが正しい場合、Vercelが自動でドメインの所有権を確認するためのDNS設定情報を表示します。

4. ドメインのDNS設定を更新

1. 使用しているドメインのDNS管理サービス（例: お名前.comやNamecheap）にログインします。
2. Vercelで指定されたDNSレコードをドメインのDNS設定に追加します。
   • Aレコード: 76.76.21.21 を設定
   • または、CNAMEレコード（サブドメインの場合）を使用
3. DNS設定が更新されるまで、数分から数時間かかることがあります。

5. Vercelでの確認

1. DNSの変更が反映された後、Vercelのドメイン設定ページに戻り、「Refresh」ボタンをクリックして確認を行います。
2. 正常に設定されていれば、ドメインは緑色で「Connected」と表示されます。

注意点

• 独自ドメインを設定した直後は、DNS変更がインターネット全体に反映されるまで最大24時間かかる場合があります。
• HTTPS化（SSL証明書）はVercelが自動で対応してくれるため、追加設定は不要です。

まとめ

以上で、Vercel × Astroでの独自ドメイン設定が完了です！