JSON naar TypeScript Converter

Met de hand TypeScript-interfaces schrijven voor een JSON API-respons is traag en foutgevoelig: geneste objecten hebben hun eigen interface nodig, arrays hebben een elementtype nodig en een veld dat soms ontbreekt moet als optioneel worden gemarkeerd — mis een van die zaken en de compiler blijft stil terwijl je code uit de pas loopt met de echte datavorm.

Deze converter doet dat werk voor je. Plak een willekeurig JSON-object of -array en hij doorloopt de structuur recursief: een genest object wordt een eigen benoemde interface, een array van objecten krijgt een elementinterface waarbij velden worden vergeleken over elk item in die array — een veld dat alleen in sommige items voorkomt, wordt gemarkeerd met een ? erachter, en een veld dat soms null is en soms een waarde, wordt een nette string | null union in plaats van het een of het ander.

Een formaatwisselaar verandert alleen hoe dezelfde afgeleide structuur wordt afgedrukt: een interface-blok, een type alias of een Zod-schema opgebouwd uit z.object(), z.array() en z.union()-aanroepen met .optional() en .nullable() waar van toepassing. Zod zelf is een apart npm-pakket (npm install zod) — deze tool schrijft alleen de schema-broncode, hij installeert niets voor je.

Alles draait lokaal in je browser zodra je typt of plakt, zonder verzendknop en zonder upload — handig voor payloads die echte klantgegevens bevatten. Wil je met de JSON-tekst zelf werken in plaats van met de afgeleide types, bekijk dan de JSON formatter om deze te verfraaien of te verkleinen en de JSON validator om een syntaxisfout te lokaliseren voordat je converteert.