OpenAPI + Zod: Generate The Ultimate TypeScript API Clients Automatically

preview_player
Показать описание
By using the OpenApi spec we can really easy specify our API in a language agnostic way. But not only that. By leveraging openapi-generators like the openapi-zod-client we can easily create complete client or server implementations from our specification.

In this video we will discover how we can generate a completely typesafe http client in typescript using this powerful generator.

0:00 Intro
0:14 What is an OpenApi spec?
5:25 Let's generate some code
14:00 Outro
  1. Typed Rocks
  2. zod
  3. typescript
  4. openapi
  5. code-generation
  6. type-safety
Рекомендации по теме
OpenAPI + Zod: 0:14:23

OpenAPI + Zod: Generate The Ultimate TypeScript API Clients Automatically

Generate The Ultimate 0:00:48

Generate The Ultimate TypeScript API Clients with Zod Validation #zod #typescript #openapi

How to generate 0:04:15

How to generate schema for openapi/swagger from typescript interfaces?

Build a documented 2:13:27

Build a documented / type-safe API with hono, drizzle, zod, OpenAPI and scalar

What is the 0:03:30

What is the difference between Swagger and OpenAPI?

OpenAI Discovers JSON 0:28:30

OpenAI Discovers JSON (And Zod???)

How to Generate 0:06:01

How to Generate Types from API

I Never Want 0:17:32

I Never Want to Create APIs Any Other Way

Easily Build Swagger 0:00:28

Easily Build Swagger Docs with Fastify Zod & Fastify Swagger #shorts

Learn Zod In 0:31:03

Learn Zod In 30 Minutes

Generate an OpenAPI 0:21:27

Generate an OpenAPI CLIENT for REACT

Fastest Way to 0:04:49

Fastest Way to Auto Generate Types for Typescript and ZOD Schema

Automatically Generate Swagger 0:30:47

Automatically Generate Swagger Docs With ExpressJS & NodeJS

From OpenAPI to 0:35:51

From OpenAPI to SDK Creation [Webinar]

Auto Swagger Generation 0:04:59

Auto Swagger Generation from TypeScript

How we built 1:32:04

How we built it: Universal TypeScript SDK Generation with Zod

Typescript Interface from 0:01:53

Typescript Interface from a JSON API in 2 Minutes using QuickType

⭐ Add Swagger 0:23:57

⭐ Add Swagger UI and Data Validation from OpenAPI Contract with Node.js + Express.js + TypeScript

Using co-coder to 0:05:06

Using co-coder to generate a new OpenAPI operation boilerplate based on an example

Programmer backend wajib 0:00:24

Programmer backend wajib bikin swagger / api spec? #programmerzamannow #api #openapi #apispec

You Should Use 0:13:47

You Should Use Hono in your Next Project

Increase your productivity 0:18:32

Increase your productivity with contract-first development methodology - by Victor Bury

Build a SaaS 0:56:01

Build a SaaS API in 60 Minutes (2024)

API Documentation in 0:01:00

API Documentation in 1 minute 🔥🔥

Комментарии
Автор

I'm working on a spring boot api with a sveltekit frontend right now so this is GOLD

mkrass
Автор

TS-Rest is also interesting. It uses Zod to create API contracts and is compatible with frameworks like NestJS, React and VueJS

cockpitconnect
Автор

Can you show us, how to use openapi to generate rtk query types and endpoints based on swagger? Would be so amazing

MrJettann
Автор

Thank you for sharing. It looks very handy, and for the db is there something like this?

llhull
Автор

Looks incredible!!! Currently I'm working on a project that already has Yup implemented. I don't need to install another validation library. Are there an openapi generators for other validation libraries, specifically Yup?

Noam-Bahar
Автор

I remember looking into this really cool tool some time ago, but this is only useful if the backend devs bother to write a good openapi doc

TianYuanEX