Menu

Vercelにデプロイする

私は多数のデプロイメントプラットフォームをテストし、最終的にVercelでのデプロイメントを推奨します。少なくとも初心者の方はVercelデプロイメントを使用すべきです。これにより、大幅な時間と労力を節約できます。

Vercel以外にも、DokployやCoolifyを試すことをお勧めしますが、これらの2つのプラットフォームはDockerデプロイメントを使用するため、edge runtime機能を活用することができません。

Vercelデプロイメントプロセス

Vercelに登録した後、New Projectボタンを見つけてデプロイメントを開始します

New Project

この段階で、最初に環境変数を設定するか、Deployボタンを直接クリックしてデプロイメントを開始し、デプロイメント完了後に設定ページで環境変数を設定することができます。

Deploy

デプロイメントが成功した後、Settingsページに移動し、Environment Variablesを開いて環境変数を設定します。

Environment Variables

環境変数を更新した後、変更を有効にするために再デプロイする必要があります。

redeploy

次に、Domainsページを開き、Add Domainボタンをクリックします。最初に、wwwプレフィックスなしのドメインを追加します。

Add Domain
Add Domain
Add Domain
Add Domain
Add Domain

Cloudflareに移動してDNSを設定し、以下のレコードを追加します：

Aレコード:
your-domain.com -> 76.223.126.88
プロキシを有効化
 
CNAMEレコード:
www.your-domain.com -> cname-china.vercel-dns.com
プロキシを有効化

なぜVercelが提供するDNSアドレスを使用しないのでしょうか？VercelのDNSアドレスは中国からアクセスできないのに対し、上記で提供するDNSアドレスは中国からアクセス可能だからです。結局のところ、誰も中国市場を除外したくないでしょう？

CloudflareのSSL/TLSを設定

CloudflareのSSL/TLSページで、Full (Strict)を選択し、Always Use HTTPSを有効にします

SSL/TLS
always use https

これで本番URLでプロダクトにアクセスできるようになります。

注目すべき点：

  • 本番環境にデプロイした後、Full (Strict)を選択するとウェブサイトが開けないが、Fullを選択すると開ける場合、オリジンサーバーのHTTPS証明書が無効であることを意味します。オリジンサーバーの証明書問題を解決するか、一時的にFullにダウングレードして使用することができます