Learn how to achieve full-stack static typing by generating TypeScript clients from .NET Web APIs using Microsoft.AspNetCore.OpenApi and openapi-ts. The tutorial covers creating a .NET API with OpenAPI 3.1 support, generating TypeScript type definitions and clients, and consuming the API in a React application. Includes solutions for handling number type issues in the generated OpenAPI spec and demonstrates how to maintain type safety from backend C# models through to frontend TypeScript code.
Table of contents
What will we do? Create an API Create our client Generate our OpenAPI client Adjusting Microsoft.AspNetCore.OpenApi surfaced types Consume our generated API client Summary 6.9K Impressions