フリーランス 技術調査ブログ

フリーランス/エンジニア Ruby Python Nodejs Vuejs React Dockerなどの調査技術調査の備忘録

vercelでnuxtjs環境を作ってみる

手順

  1. vercelの設定をする前に自分のgithubアカウントでvercel用のリポジトリを作成する。privateでもpublicでも大丈夫そう。

  2. vercelでアカウントを作成する。※githubアカウント連携 vercel.com

  3. vercelでアカウント作成後、ログインする。clone templateをnuxtjsを選択する f:id:PX-WING:20210313233811p:plain

  4. アカウント連携したgithubアカウントを選択する f:id:PX-WING:20210313233824p:plain

  5. githubを選択する f:id:PX-WING:20210313233832p:plain

  6. git scopeのプルダウンでAdd GitHub Org or Accountを選択する f:id:PX-WING:20210313233851p:plain

  7. 最初に作成したvercel用のリポジトリを選択し、installボタンをクリックする f:id:PX-WING:20210313233914p:plain

  8. プロジェクト名とフレームワークを指定してdeployボタンをクリックする。プロジェクト名がサブドメイン名になります。 f:id:PX-WING:20210313233927p:plain

  9. 下記の画面が表示されたら設定が完了 f:id:PX-WING:20210313233944p:plain

動作確認

  • ブラウザで指定のURLにアクセスするとデフォルトのページが表示される f:id:PX-WING:20210313234111p:plain