こん太 りんく たぬ姉

STEP2
Vercel(バーセル)

GitHubと連携してWebサイトを自動で公開してくれる無料サービス

2

▲ Vercel(バーセル)とは?

GitHubと連携してWebサイトを自動で公開してくれる無料サービス
りんく
Vercelはね、GitHubにファイルを置くと自動でWebサイトを公開してくれるサービスだよ。
個人利用は無料! むずかしい設定はほぼなし!
りんく
① Vercelに登録する(GitHubアカウントでOK)
こん太
vercel.com を開いて、「Continue with GitHub」をクリックするだけ!
GitHubのアカウントで自動でログインできるよ。新しいパスワードは不要!
こん太
vercel.com
▲ Vercel
Deploy your project in seconds
🐙 Continue with GitHub
GitHubのアカウントで続ける(新規登録不要)
「Continue with GitHub」をクリック → GitHubの許可画面が出たら「Authorize」をクリック
② GitHubのリポジトリを選ぶ
たぬ姉
ログインすると「Add New Project」という画面が出るよ。
さっき作ったリポジトリを選んで 「Import」 を押すだけ!
たぬ姉
vercel.com / new
新しいプロジェクト
GitHubのリポジトリをインポート
📁
yourname / my-awesome-app
更新: たった今
Import
設定はそのままでOK
🚀 Deploy
リポジトリの「Import」→ そのまま「Deploy」をクリック
③ 公開完了!
りんく
1〜2分待つと公開完了!
yourname.vercel.app というURLでWebサイトが見られるよ。
次はこれを自分のドメインにつなごう!
りんく
vercel.com / dashboard
🎉

デプロイ成功!

あなたのWebサイトが公開されました

https://my-awesome-app.vercel.app
このURLをブラウザで開くとサイトが見える!