{"data":{"slug":"graphql-codegen","name":"GraphQL Code Generator","tagline":"Type-safe Shopify API without manual typing","category":"shopify","categoryName":"Shopify","url":"https://the-guild.dev/graphql/codegen","github":"https://github.com/dotansimha/graphql-code-generator","pricing":"open-source","hook":"GraphQL Codegen writes the TypeScript so you do not have to.","whatsGood":"The preset ecosystem handles common patterns: typed document nodes, React hooks, or pure types. Schema fetching from Shopify endpoints works. Watch mode regenerates on changes.","theCatch":"Configuration complexity for advanced setups. Build step adds friction to the workflow. Large schemas generate large type files.","verdict":"Essential infrastructure for typed Shopify GraphQL.","addedAt":"2026-08-18","featured":false,"domain":"Shopify","subSpecialty":"Commerce","capabilities":["api"],"surfaces":["API","Self-host"],"ecosystem":["Node.js","Browser"],"licenseModel":"OSS/MIT","githubStars":11265},"related":[{"slug":"hydrogen","name":"Hydrogen","tagline":"Shopify React framework for headless commerce"},{"slug":"remix","name":"Remix","tagline":"Full stack React that Shopify acquired"},{"slug":"sanity","name":"Sanity","tagline":"Headless CMS that developers actually like"},{"slug":"shopify-cli","name":"Shopify CLI","tagline":"The development tool every Shopify dev needs"},{"slug":"polaris","name":"Polaris","tagline":"Shopify design system for embedded apps"}],"links":{"self":"/api/gems/graphql-codegen","html":"/gems/graphql-codegen","markdown":"/gems/graphql-codegen.md","category":"/api/gems?category=shopify","categoryPage":"/stacks/shopify"}}