Skip to main content

Generate clients with appropriate type signatures

Generate, validate, cache and mock in your frontend applications, based on your OpenAPI specification.

Productivity

Get your API ready out of the box in a few seconds. Prevent human error, and let your parameters, clients and types be auto-generated by Orval.

Error boundary

Get your contract! With the combination of Orval and OpenAPI, you have a strong standard for your team, which avoids misunderstandings and lets you focus on your UI.

API mocking

You don't have to wait for your backend to be ready, before testing your application. Generate mocks with Orval that are fully compliant with your API.

Choose Live Example:

Less Time. More productivity.

Instead of wasting time writing models, HTTP requests and mocks, you can focus on implementing the actual requirements.

module.exports = {
petstore: {
output: {
mode: 'split',
target: './src/petstore.ts',
schemas: './src/model',
client: 'react-query',
mock: true,
},
input: {
target: './petstore.yaml',
},
},
};
my-app
└── src
β”œβ”€β”€ petstore.definition.ts
β”œβ”€β”€ petstore.schemas.ts
β”œβ”€β”€ petstore.msw.ts
β”œβ”€β”€ petstore.ts
└── model
β”œβ”€β”€ index.ts
β”œβ”€β”€ pet.ts
β”œβ”€β”€ pets.ts
β”œβ”€β”€ createPetsBody.ts
└── error.ts

Thanks for the support, guys! 🍻