Next.js

Next は CNA で Typescript テンプレートを使用して作成する

npx create-next-app@latest --ts

Hasura

Local 環境の docker

取得

curl https://raw.githubusercontent.com/hasura/graphql-engine/stable/install-manifests/docker-compose/docker-compose.yaml -o docker-compose.yml

起動

docker-compose up -d

Heroku 環境

https://heroku.com/deploy?template=https://github.com/hasura/graphql-engine-heroku

Hasura DB への migration 実行

  1. Local 環境で hasura console を実行する
    1. yarn hasura:local
  2. GUI で DB 操作を実行
    1. 記録された migrations を確認
  3. 特定環境に migration を実行
    1. hasura migrate apply --project hasura --envfile env/.[env name].env --database-name default で DDL/DML を実行
    2. hasura metadata apply --project hasura --envfile env/.[env name].env で Hasura メタデータを同期

graphQL API からの codegen

yarn codegen

Auth0

TBD

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.