Skip to main content

Routing & Data Flow

App Router Layouts​

Next.js 14 App Router provides nested layouts with persistent state:

Data Fetching Strategy​

GraphQL Codegen​

TypeScript types are auto-generated from .graphql documents:

  • Server types: codegen-server.yml → packages/types/graphql-server.ts
  • Client types: codegen-client.yml → frontend/src/graphql-client.ts

All queries and mutations are defined in .graphql files co-located with their components, then codegen produces typed React hooks.