このサイトにドメインを設定した

以下の記事が参考になった。

VercelのアプリケーションにCloudflareで購入した独自ドメインを設定する

やったこと

• Cloudflareのアカウントを作成
• Cloudflareでドメインを取得
• Vercelのプロジェクトにドメインを設定
• CloudflareでDNSの設定

ハマったこと

Vecerlのドメイン設定画面でInvalid ConfigurationとValid Configurationが交互に表示される。

対応

• CloudflareのDNSの設定で、Proxy statusをDNS onlyに変更

  • 実はVercelの公式ドキュメントに書いてあった
  • Vercel + Cloudflare Integration

• CloudflareのSSL/TLS encryption modeをFull(Strict)に変更

  • こちらは本当に効いているのか不明
  • 挙動が安定化したという話を見かけたのと、より厳格な設定にできるんだったらそうしておけばいいかな、くらいの感覚