Top 20 TypeScript Codegen Projects

• graphql-code-generator

  69 10,636 9.1 TypeScript

  A tool for generating code based on a GraphQL schema and GraphQL operations (query/mutation/subscription), with flexible support for custom plugins.

Project mention: Integrating GraphQL Codegen with Storyblok: Step-by-Step Guide | dev.to | 2024-01-15

The @graphql-codegen library is a bridge between your GraphQL schema and the actual code you write. It automates the generation of boilerplate code, ensuring that your data fetching layer is always up to date with your content structure.

• openapi-typescript-codegen

  9 2,685 9.6 TypeScript

  NodeJS library that generates Typescript or Javascript clients based on the OpenAPI specification

Project mention: Django 5.0 Is Released | news.ycombinator.com | 2023-12-04

I’d also add that if you use Typescript with an OpenAPI client generator (https://github.com/ferdikoomen/openapi-typescript-codegen) it can immensely alleviate some of the biggest pain points of seperate backend and front-end. It always used to be a major pain in the ass with the amount of overhead an API change would incur - updating documentation, postman, constant communication between backend and front-end devs, etc. Now I just npm run generate, I see new API changes in my Git client and Typescript errors for code that needs updating.

Also, using a library like Tanstack Query or Rdtk Query can almost completely eliminate manual state management, and kinda makes the whole development experience feel almost like SSR.

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• orval

  20 2,297 9.6 TypeScript

  orval is able to generate client with appropriate type-signatures (TypeScript) from any valid OpenAPI v3 or Swagger v2 specification, either in yaml or json formats. 🍺

Project mention: HonoJS: Small, simple, and ultrafast web framework for the Edges | news.ycombinator.com | 2024-04-15

In cases where the client needs to stay separate, we have had a good experience with Orval[1] to generate a fully-typed @tanstack/query client from our OpenAPI spec.

[1] https://orval.dev/

• nuxt-graphql-client

  1 337 6.7 TypeScript

  ⚡️ Minimal GraphQL Client + Code Generation for Nuxt3

• contentful-typescript-codegen

  2 274 4.9 TypeScript

  Generate TypeScript interfaces from a Contentful environment

  

• graphql-ts-client

  10 142 5.9 TypeScript

  Typescript DSL for GraphQL.

• rapini

  1 135 5.2 TypeScript

  :leafy_green: OpenAPI to React Query (or SWR) & Axios

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• kubernate

  9 114 1.2 TypeScript

  Kubernetes+Generate = Kubernate❤️

• rete-studio

  1 92 7.3 TypeScript

  A general-purpose code generation tool powered by Rete.js

  

Project mention: Code generation: transform JavaScript into visual programming language and back | news.ycombinator.com | 2023-06-27

• python-ts-graphql-demo

  2 88 0.0 TypeScript

  Demo project to demonstrate how an asyncio Python project with SQLAlchemy and Strawberry can have a great typed DX on the frontend via codegen and TypeScript React hooks.

• graphql-codegen-vscode

  1 67 5.8 TypeScript

  vscode extension which runs graphql-codegen whenever you save a query/mutation

• typoa

  2 23 3.6 TypeScript

  🏗 Build OpenAPI definitions from Typescript typings

• oats-ts

  1 21 4.7 TypeScript

  Comprehensive code generators for OpenAPI written in Typescript

  

• apigen-ts

  1 15 5.8 TypeScript

  Typed HTTP client generator as single file without extra dependencies from OpenAPI schema

Project mention: Show HN: Native TypeScript API client generator from OpenAPI schema | news.ycombinator.com | 2024-01-09

• github-search-graphql

  1 6 0.0 TypeScript

  Next, TypeScript, GitHub GraphQL Integration, Apollo Client, SWR, Codegen, Tailwindcss, HeadlessUI, etc

• oatyp

  1 5 4.1 TypeScript

  🏠 Build Typescript typings from OpenAPI definitions

• codestamp

  1 5 5.2 TypeScript

  A language-agnostic tool for signing and verifying your (codegen'd) files and contents.

• next-prisma

  1 3 2.6 TypeScript

  MongoDB with Prisma, Nexus, Nextjs, TypeScript, and Apollo. Hosted on Vercel. (by DopamineDriven)

• next-typescript-graphql-integration

  1 3 1.6 TypeScript

  Tutorial for integrating external GQL API with codegen and sending emails with Novu.co

• nextjs-headless-wp

  1 3 2.6 TypeScript

  Nextjs, Headless WordPress, TypeScript, GraphQL, TailwindCSS

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

TypeScript Codegen related posts

• Google CodeGemma: Open Code Models Based on Gemma [pdf]

  4 projects | news.ycombinator.com | 9 Apr 2024

• Merging duplicate interfaces

  1 project | /r/typescript | 4 Aug 2022

• Shopify/Netlify like architecture with Kubernetes

  1 project | /r/kubernetes | 9 Nov 2021

• Being on the non-technical side of Kubernetes-based company, this hits home...

  1 project | /r/kubernetes | 9 Nov 2021

• Templating Manifests

  2 projects | /r/kubernetes | 9 Nov 2021

• Kubernate: generate k8s YAMLs with code

  1 project | dev.to | 23 Oct 2021

• kubernate

  4 projects | /r/kubernetes | 17 Oct 2021
• A note from our sponsor - SaaSHub
  www.saashub.com | 10 May 2024

  SaaSHub helps you find the best software and product alternatives Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com

Do not miss the trending TypeScript projects with our weekly report!