GraphQL operations match the schema

A GraphQL operation that queries User.emailAddress when the schema defines User.email fails at request time with a schema validation error — the server returns an errors array, the client receives no data, and the page renders whatever skeleton state you wrote for the loading case. Reference integrity between operation and schema is exactly what GraphQL Codegen was built to enforce, and AI tools writing queries without running codegen introduce this drift on nearly every new query.

Wire GraphQL Codegen into install and build so every query is type-checked against the schema. Add the script to package.json:

{
  "scripts": {
    "codegen": "graphql-codegen --config codegen.yml",
    "postinstall": "npm run codegen",
    "build": "npm run codegen && next build"
  }
}

Import the generated gql tag in src/queries.ts so tsc --noEmit flags every field-name mismatch before deploy.