Vercel とは？

Vercel は、フロントエンドアプリケーションのホスティングに特化したプラットフォームです。

React 以外にも、Next.js、Vue.js など、人気のフレームワークやライブラリに対応していることで知られています。

前提条件

まず、以下の準備ができていることを確認してください。

これらの準備ができていれば、すぐにデプロイを始められます！

まず、Vercel の公式サイトにアクセスしましょう。

ログインしたら、新しいプロジェクトを作成します。

次に、デプロイしたい React アプリの GitHub リポジトリを選択します。

初めて Vercel を使用する場合、GitHub との連携を求められることがあります。
その場合は、画面の指示に従って連携を行っていただければ大丈夫です。

リポジトリを選択したら、プロジェクトの設定を行います。

「Deploy」ボタンをクリックすると、Vercel が自動的にデプロイプロセスを開始します。

デプロイが成功すると、完了画面が表示されます。

以下は、デプロイされたアプリの例です。

アプリが正常に動作していることを確認しましょう。

お疲れさまでした！これで、あなたの React アプリが Vercel 上で公開されました。

他にも、押さえておくべきポイントがいくつかありますので、以下にまとめておきます。

Vercel を使えば、複雑な設定なしで簡単に React アプリをデプロイできます。ぜひ、自分のプロジェクトでも試してみてください！