front typescript created with
yarn global add create-next-app
cd frontend/
npx create-next-app --example with-typescript-graphql .
test with https://www.youtube.com/watch?v=EoM-1Lq0rjU
install pnpm curl -fsSL https://get.pnpm.io/install.sh | sh -
pnpm create next-app --ts
name frontend
cd frontend
yarn add urql graphql graphql-tag @graphql-codegen/cli
mkdir lib
touch lib/graphql.ts
mkdir graphql
touch .graphqlrc.yml
yarn graphql-code-generator init
? What type of application are you building? Application built with React
? Where is your schema?: (path or url) http://127.0.0.1:8000/graphql/
? Where are your operations and fragments?: graphql/**/*.graphql
? Where to write the output: generated/graphql.ts
? Do you want to generate an introspection file? No
? How to name the config file? codegen.ts
? What script in package.json should run the codegen? generate
yarn add @graphql-codegen/typescript-urql
yarn generate
yarn generate --watch
yarn run dev