Back
>  headless-4 Setup

headless-4 Setup

Date: 2022-04-14 09:47
Category : headless-4

Setup, apollo_cms1

npm install
  • .env: set password, host , dbname

  • supabase の場合 プロジェクト選択、左下の設定アイコン>database > Connection string のURI

  • password, HOST を入力

  • dbnameは、作成したDB名

DATABASE_URL="postgresql://postgres:__PASS__@__HOST__.supabase.co:5432/dbname"
  • マイグレーション
npx prisma migrate dev --name init
  • テーブルが、作成されるので。確認下さい

  • local start
yarn start

Setup, headless-4

npm install

Setup , etc

  • firebase 設定

  • firebase > プロジェクト選択 > プロジェクトの概要 > プロジェクトの設定

  • Firebase を初期化の、keyコード をコピーしておきます。


  • next.config.js ,

  • APOLLO_SV_URI : 設置したbackend ドメインのエンドポイント

  • firebase設定

先頭がREACT_APP_FIREBASEの変数を、上記のfirebase画面のコードを埋めます

APOLLO_SV_URI: "http://localhost:4000/graphql",

REACT_APP_FIREBASE_API_KEY: "",
REACT_APP_FIREBASE_AUTH_DOMAIN: "",
REACT_APP_FIREBASE_PROJECT_ID: "",
REACT_APP_FIREBASE_STORAGE_BUCKET: "",
REACT_APP_FIREBASE_MESSAGE_SENDER_ID: "",
REACT_APP_FIREBASE_APP_ID: "",

Start server

  • Start :
yarn dev