1分でわかるVercelの使い方

Vercelとは

VercelはWebサーバー、フレームワーク、ワークフローなどが統合されたサービスです。 

Hobbyプランなら無料で使えて、同様のサービスとして、NetlifyやCloudflare Pagesなどがあります。

この記事ではGitHubと連携して使用する方法を説明していますので、GitHubアカウントも必要です。

GitHubからインポートすれば、以下のようなWebサイトを簡単に構築できます。

https://my-svelte-indol.vercel.app/

まず、以下のURLにアクセスして、右上のSign Upからアカウントを作成します。

https://vercel.com/

無料で利用する場合はPlanにHobbyを選択します。

Create Your Vercel Account

GitHubアカウントがあれば、「Continue with GitHub」を選択すればアカウント作成は完了です。

Let's connect your Git provider

GitHubのリポジトリをインポート

Import ProjectからGitHubのリポジトリをVercelにインポートします。

Deploy your first project

次にImport Git RepositoryからImportするリポジトリを選択します。

Import Git Repository

GitのリポジトリをImportするとConfigure Projectが表示されるので、問題なければDeployボタンを押してデプロイします。

Configure Project

デプロイが完了すると「Congratulations!」と表示され、プレビュー画面をクリックするとデプロイされたWebサイトを確認できます。

Congratulations!