JSON para TypeScript
Gere interfaces TypeScript, schemas Zod e dataclasses Python a partir de qualquer amostra JSON — movido por quicktype, rodando inteiramente no seu navegador.
JSON de Entrada
Opções de Geração
Código Gerado
Regenera automaticamente conforme você edita o JSON, o nome do tipo ou a linguagem alvo.
Sobre a inferência de tipos:
A inferência usa quicktype (MIT): objetos aninhados viram tipos próprios, arrays heterogêneos viram unions e null vira opcional quando a linguagem alvo suporta. Tudo roda no seu navegador — o JSON nunca sai da sua máquina.
Como Usar a Ferramenta
Cole uma amostra do JSON que sua API retorna e receba código fortemente tipado pronto para colar no projeto — chega de escrever interfaces à mão para casar com payloads de backend.
- Cole seu JSON: Uma amostra representativa funciona melhor: inclua campos opcionais (como null) e itens de array para a inferência ver todas as formas.
- Nomeie o tipo raiz: O nome é sanitizado para um identificador válido e PascalCase — "order response" vira OrderResponse.
- Escolha o alvo: Interfaces TypeScript para tipos, schema Zod para validação em runtime, dataclasses Python para modelos de backend.
- Copie ou baixe: Copie para a área de transferência ou baixe como arquivo pronto (types.ts, schema.ts ou models.py).
Perguntas Frequentes (FAQ)
Como campos opcionais e nullable são tratados?
Um campo presente com null na amostra gera um tipo nullable em TypeScript (string | null) e um Optional em Python. Campos totalmente ausentes da amostra não podem ser inferidos — inclua-os explicitamente se precisar deles.
O que acontece com arrays heterogêneos?
Arrays misturando tipos geram unions no elemento (ex. (string | number)[]). Se a mistura é realmente uma lista de variantes, considere marcar as variantes nos dados de origem para que cada forma seja distinguível.
Por que Zod em vez de interfaces puras?
Interfaces existem só em tempo de compilação. Schemas Zod validam dados em runtime — ideal para fronteiras de API, variáveis de ambiente e entrada de formulários — e inferem o tipo estático de graça com z.infer.
Meu JSON é enviado para algum servidor?
Não. O engine quicktype compila para JavaScript e roda no seu navegador. Nada é transmitido, logado ou armazenado.