MBP(はてな)

MacBook Pro,iPhone Xs,React

HerokuでNext.js

Next.jsはReactをベースにしたフロントエンドフレームワーク

$ npx create-next-app heroku-nextjs --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"
$ cd heroku-nextjs
$ npm run dev

GitHubリポジトリを作成

$ git remote add origin git@github.com:hiroyuki12/heroku-nextjs.git
$ git branch -M main
$ git push -u origin main

Herokuを開き、New - Create New Appで作成
作成したリポジトリを選択
Enabe Automatic Deploysボタンを押す
mainブランチを選択して、Deploy Brunchボタンを押すとデプロイされる

https://heroku-nextjs789.herokuapp.com

更新して、Pushして、Herokuを開き、
Deploy Brunchボタンを押すとHerokuのAppが更新される

GitHub - hiroyuki12/heroku-nextjs