api-client-patterns

Build a type-safe API client by using typed fetch wrappers, Zod for response validation, and client factories for auth injection. This approach ensures end-to-end type safety and robust error handling across your frontend and backend applications.

Validate API responses by integrating Zod schemas directly within typed fetch wrappers. This mechanism parses and validates incoming data against your defined TypeScript types, preventing runtime errors from unexpected API response shapes.

Yes, you can integrate tRPC with TanStack Query. The patterns provide integration support for data fetching and caching, enabling fully typed, scalable data synchronization between your client and server without losing end-to-end type inference.

Handle API error envelopes using discriminated unions. This TypeScript pattern allows your API client to strictly type and manage different error states, ensuring robust and predictable error handling across your application.

Yes, the patterns support OpenAPI codegen to generate end-to-end types. This feature allows you to automatically generate TypeScript types from your OpenAPI specifications, keeping your API client composable and maintainable.

Inject authentication by using an API client factory pattern. This creates a composable client where auth tokens are injected automatically, allowing your API client to scale securely across different frontend and backend environments.