手順
0. お名前.comでドメイン取得
ここから順に進めると取得できます．
（クレカの設定が必要ですが，趣味であれば料金はかかりません．）
1. Vercel に Domain を追加する
画像のように Settings > Domains にアクセスして，お名前.comで取得したドメインを入力します．
Addを押下すると3つの選択肢が表示されるのでRecommendのものを選択．
すると，以下のようにInvalid Configrationと表示されます．
この時のValueである76.76.21.21とcname.vercel-dns.com(最後の.は不要)をメモります．
2. お名前.comでDNS設定
ドメインのDNSレコード設定を押下
ドメイン名を選択して「次へ」を押下
下へスクロールすると「DNSレコード設定を利用する」という設定があるので「設定する」を押下
DNSレコード入力
Type を Aにした状態で A Recordを入力し，追加を押下
Type を CNAMEにした状態でCNAMEの値を入力し，追加を押下
A RecordだけでなくCNAMEも設定する必要があります．
A Recordの設定だとCNAMEにリダイレクトされる設定をVercelで行ったため，設定していないとアクセスできません．
「DNSレコード設定用ネームサーバー変更確認」にチェックを入れた状態で確認画面へ進むを押下
3. Vercelでカスタムドメインにアクセス！
DNS設定後，反映には10分程度時間がかかりました．
Webにアクセスできるか確認して終了です！
ドメインがスッキリしていると嬉しいですよね(?)
これからも開発頑張りましょう🚀
参考