ローカル環境を構築（Nextスターターキットベース）

[ryo-i]

Nextアプリスターターキットをベースに
https://github.com/ryo-i/next-app-started

Vercelにもデプロイしたい

[ryo-i]

手順はこちらと同じ
https://www.i-ryo.com/entry/2021/03/14/171321

• GitHub上にリモートリポジトリを作成（リポジトリ名「beat-player」）
• アプリを入れているフォルダで下記のコマンドを実行
  でNextアプリスターターキットをクローン（アプリ名は「beat-player」）
  $ git clone https://github.com/ryo-i/next-app-started.git beat-player
• 「beat-player」のフォルダに移動
  $ cd beat-player
• パッケージをインストール
  $ npm install
• 「.git」フォルダをいったん削除
• 「.git」フォルダを再作成
  $ git init
• リモートのbeat-playerリポジトリと紐づける
  $ git remote add origin https://github.com/ryo-i/beat-player.git
• ReadMeがNextアプリスターターキットの内容なのでリモートのビートプレイヤーの内容に変更
• リモートにプッシュしてみる
  $ git add .
git commit -m "ファイル一式アップ"
git push origin main

※追加作業

• このリポジトリ はデフォルトブランチがmasterだった！mainに変更する
  $ git branch --move master main
• GitHubのリモートブランチも変更
  Setting > Branches > Default branch
  参考になった記事
  https://parashuto.com/rriver/tools/change-git-default-branch-name

[ryo-i]

脆弱性からパッケージアップデートを勧められた

NCUインストール
$ npm install -g npm-check-updates
NCU実行
$ ncu -u
パッケージインストール
$ npm install

参考になった記事
https://blog.cntlog.net/archives/3704

[ryo-i]

リポジトリをVercelにデプロイしたい

こちらの手順にて
https://www.i-ryo.com/entry/2021/04/21/072952

• New Projectをクリック
• Import Git Repositoryでリポジトリを選択
• Create a TeamはSkip（複数人で作業しないため）
• Configure ProjectはそのままでDeploy

でけた！
https://beat-player.vercel.app/