9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

はじめに

お名前.com で取得したドメインをVercelで設定する方法について紹介します。

手順

  1. ドメインの取得(本記事では省略)
  2. Vercel側の新規ドメイン設定
  3. お名前.com側で取得したドメインのDNS設定
  4. Vercelで確認

設定します

001. ドメインの取得

本記事では省略します。

002. Vercel側の新規ドメイン設定

  1. Vercelのプロジェクトページにアクセス。

  2. Settingタブを押下。

  3. Domainsメニューを押下。

  4. 取得したドメインを入力し、Addする。
    スクリーンショット 2024-07-15 1.13.01.png

  5. 一番上を選択し、Addする。
    スクリーンショット 2024-07-15 1.31.00.png

  6. Aレコードの確認(お名前.com の設定画面で必要)
    スクリーンショット 2024-07-15 1.14.40.png

  7. CNAMEレコードの確認(お名前.com の設定画面で必要)
    一番上の選択を行った場合は、こちらも確認が必要です。
    スクリーンショット 2024-07-15 1.37.03.png
    ※ 一番最後の 「.」は不要

003. お名前.com側で取得したドメインのDNS設定

  1. 取得したドメインのDNS設定ページを開く。
    スクリーンショット 2024-07-15 1.17.38.png

  2. Aレコード、CNAMEレコードの入力
    スクリーンショット 2024-07-15 1.19.08.png

  3. 設定を保存

004. Vercelで確認

ちょっと反映に時間がかかるかも。私は10~15分かかりました。

Webアクセスできれば完了です。
お疲れ様でした 🤲

まとめ

ちょっと調べてみましたが、Vercelでは本番環境、確認環境といった環境毎でのドメインの登録もできるようです。(便利 😳)

環境変数もGUIで簡単に設定できますので、かなり強いですよね。

参考

9
7
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
7

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?