OpenAPI
Generate OpenAPI from NestJS

How to generate an OpenAPI document with NestJS

This guide walks you through generating an OpenAPI document for a NestJS (opens in a new tab) API and using Speakeasy to create an SDK based on the generated document.

Info Icon

Example code

Clone the Speakeasy NestJS example repo (opens in a new tab) to follow along with the example code in this tutorial. The initial-app branch has the initial state of the app that we’ll use to start this tutorial.

Here’s what we’ll do:

  1. Add the NestJS OpenAPI module to a NestJS project.
  2. Generate an OpenAPI document using the NestJS OpenAPI module.
  3. Improve the OpenAPI document for better downstream SDK generation.
  4. Use the Speakeasy CLI to generate an SDK based on the OpenAPI document.
  5. Use a Speakeasy OpenAPI extension to improve the generated SDK.

We’ll also take a look at how you can use the generated SDK.

Your NestJS project might not be as simple as our example app, but the steps below should translate well to any NestJS project.

The SDK generation pipeline

NestJS has an OpenAPI (Swagger) module (opens in a new tab) for generating OpenAPI documents. We’ll begin by installing, configuring, and initializing the NestJS OpenAPI (Swagger) module (opens in a new tab). We will also use the Scalar UI (opens in a new tab) to add an interactive documentation UI for the API.

The quality of your OpenAPI document determines the quality of generated SDKs and documentation, so we’ll look into ways you can improve the generated document based on the Speakeasy OpenAPI best practices.

We’ll then use the improved OpenAPI document to generate an SDK using Speakeasy.

Finally, we’ll use a simplified example to demonstrate how to use the SDK we generated and how to add SDK generation to a CI/CD pipeline so that Speakeasy automatically generates fresh SDKs whenever your NestJS API changes in the future.

Requirements

This guide assumes that you have an existing NestJS app (or a clone of our example application (opens in a new tab)) and basic familiarity with NestJS.

The following should be installed on your machine:

Adding @nestjs/swagger to a NestJS project

Install the NestJS OpenAPI (Swagger) and Scalar API Reference modules:

Terminal
npm install --save @nestjs/swagger @scalar/nestjs-api-reference

In the bootstrap function of your application entry file, initialize Swagger using the SwaggerModule class:

main.ts
const config = new DocumentBuilder()
.setTitle('Pet API')
.setDescription('Create a cat or dog record and view pets by id')
.setVersion('1.0')
.addTag('library')
.build();
const document = SwaggerModule.createDocument(app, config); // serializable object - conform to OpenAPI
SwaggerModule.setup('api', app, document, {
swaggerUiEnabled: false,
});
app.use(
'/api',
apiReference({
spec: {
content: document,
},
}),
);

Add the required imports:

main.ts
import { SwaggerModule, DocumentBuilder } from '@nestjs/swagger';
import { apiReference } from '@scalar/nestjs-api-reference';

In the above code:

  • The SwaggerModule.createDocument method returns a serializable OpenAPI document (opens in a new tab) object that we’ll convert to an OpenAPI YAML document file using JS-YAML.
  • We use DocumentBuilder to create the base structure of the OpenAPI document. The DocumentBuilder methods (opens in a new tab) set the properties that identify the purpose and owner of the document, such as the title and description properties.
  • We use the createDocument() method to define the API routes by passing in two arguments: the app instance and the document config. We can also provide a third argument, SwaggerDocumentOptions (opens in a new tab).
  • We use SwaggerModule.setup() to expose the OpenAPI document at /api-yaml for the YAML format and /api-json for the JSON format.
  • The app.use('/api', ...) method mounts the Scalar API Reference component to the /api route. The apiReference function takes the document object as a parameter, which represents the OpenAPI document.

Run the NestJS HTTP development server:

Terminal
npm run start:dev

Open your browser and navigate to http://localhost:3000/api (opens in a new tab). You should see the Scalar UI with three API endpoints in the sidebar.

Scalar UI

For each API endpoint, you can see which parameters are required and try out the different API endpoints.

Open http://localhost:3000/api-yaml to see the following basic OpenAPI document in YAML format:

openapi: 3.0.0
paths:
/pets:
post:
operationId: PetsController_create
parameters: []
responses:
"201":
description: ""
/pets/cats/{id}:
get:
operationId: PetsController_findOneCat
parameters:
- name: id
required: true
in: path
schema:
type: string
responses:
"200":
description: ""
/pets/dogs/{id}:
get:
operationId: PetsController_findOneDog
parameters:
- name: id
required: true
in: path
schema:
type: string
responses:
"200":
description: ""
info:
title: Pet API
description: Create a cat or dog record and view pets by id
version: "1.0"
contact: {}
tags:
- name: library
description: ""
servers: []
components:
schemas: {}

Note that the document uses OpenAPI Specification version 3.0.0.

Supported OpenAPI Specification versions in NestJS and Speakeasy

Speakeasy currently supports the OpenAPI Specification versions 3.0.x and 3.1.x. We recommend using OpenAPI Specification version 3.1 if possible, as it’s fully compatible with JSON Schema (opens in a new tab), which gives you access to a large ecosystem of tools and libraries. NestJS supports OpenAPI Specification version 3.0.x.

Adding OpenAPI info in NestJS

Let’s improve the OpenAPI document by better describing it. We’ll add more fields to the info object (opens in a new tab), which contains metadata about the API.

Add the following DocumentBuilder methods to the config section of the document (main.ts) to supply more data about the API:

main.ts
.setContact(
'Speakeasy support',
'http://www.example.com/support',
'support@example.com',
)
.setTermsOfService('http://example.com/terms/')
.setLicense(
'Apache 2.0',
'https://www.apache.org/licenses/LICENSE-2.0.html',
)

Updating NestJS to generate OpenAPI components schemas

In the example app, NestJS core decorators (opens in a new tab) define the structure and functionality of the Pets Controller and its API routes.

We can add OpenAPI decorators (opens in a new tab) to better describe our API. The OpenAPI document lacks details about the POST request body, data schema, and API response.

Add the following OpenAPI decorators, with the Api prefix to distinguish them from the core decorators, to the @Get('cats/:id') route handler:

pets.controller.ts
@ApiOperation({ summary: 'Get cat' })
@ApiResponse({
description: 'The found record',
type: Cat,
})
@ApiBadRequestResponse({ description: 'Bad Request' })

Import these decorators from '@nestjs/swagger':

pets.controller.ts
import {
ApiBadRequestResponse,
ApiBody,
ApiExtension,
ApiForbiddenResponse,
ApiOkResponse,
ApiOperation,
ApiResponse,
ApiTags,
getSchemaPath,
} from '@nestjs/swagger';

Add the following OpenAPI decorators to the @Get('dogs/:id') route handler:

pets.controller.ts
@ApiOperation({ summary: 'Get dog' })
@ApiResponse({
description: 'The found record',
type: Dog,
})
@ApiBadRequestResponse({ description: 'Bad Request' })

Add the following OpenAPI decorators to the @Post() route handler:

pets.controller.ts
@ApiOperation({ summary: 'Create a pet' })
@ApiBody({
schema: {
oneOf: [{ $ref: getSchemaPath(Cat) }, { $ref: getSchemaPath(Dog) }],
discriminator: {
propertyName: 'type',
mapping: {
cat: getSchemaPath(Cat),
dog: getSchemaPath(Dog),
},
},
},
description: 'Create a pet cat or dog',
})
@ApiOkResponse({
schema: {
oneOf: [{ $ref: getSchemaPath(Cat) }, { $ref: getSchemaPath(Dog) }],
discriminator: {
propertyName: 'type',
mapping: {
cat: getSchemaPath(Cat),
dog: getSchemaPath(Dog),
},
},
},
})
@ApiForbiddenResponse({ description: 'Forbidden' })
@ApiBadRequestResponse({ description: 'Bad Request' })

The @ApiBody() and @ApiOkResponse decorators use the Schema Object (opens in a new tab), which defines the input and output data types. The allowed data types are defined by the Cat and Dog data transfer objects (DTO) schema. A DTO schema defines how data will be sent over the network.

Now, run the NestJS HTTP server and open http://localhost:3000/api-yaml/. You’ll see the OpenAPI endpoints description is more fleshed out.

The POST request originally looked like the following:

/pets:
post:
operationId: PetsController_create
parameters: []
responses:
"201":
description: ""

It should now look as follows:

/pets:
post:
operationId: PetsController_create
summary: Create pet
parameters: []
requestBody:
required: true
description: Create a pet cat or dog
content:
application/json:
schema:
oneOf:
- $ref: "#/components/schemas/Cat"
- $ref: "#/components/schemas/Dog"
discriminator:
propertyName: type
mapping:
cat: "#/components/schemas/Cat"
dog: "#/components/schemas/Dog"
responses:
"200":
description: ""
content:
application/json:
schema:
oneOf:
- $ref: "#/components/schemas/Cat"
- $ref: "#/components/schemas/Dog"
discriminator:
propertyName: type
mapping:
cat: "#/components/schemas/Cat"
dog: "#/components/schemas/Dog"
"400":
description: Bad Request
"403":
description: Forbidden

The Reference Object (opens in a new tab) ($ref) is a reference identifier that specifies the location, as a URI, of the value being referenced. It references the schemas field of the Components Object (opens in a new tab), which holds reusable schema objects.

If you look at the components schema, you’ll see the properties objects are empty.

components:
schemas:
Cat:
type: object
properties: {}
Dog:
type: object
properties: {}

To make the model properties visible to the SwaggerModule, we can annotate each property using the @ApiProperty() decorator. For example:

cat.entity.ts
@ApiProperty({ example: 'Panama', description: 'The name of the cat' })
@IsString()
readonly name: string;

This can be tedious, especially with medium- to large-sized projects. You can use the NestJS Swagger CLI plugin (opens in a new tab) to automate this annotation.

To enable the plugin, open your nest-cli.json file, add the following plugins configuration, and restart the server:

nest-cli.json
{
"$schema": "https://json.schemastore.org/nest-cli",
"collection": "@nestjs/schematics",
"sourceRoot": "src",
"compilerOptions": {
"deleteOutDir": true,
"plugins": ["@nestjs/swagger"]
}
}

You’ll now see that the properties fields are populated as follows:

:47
components:
schemas:
Cat:
type: object
properties:
type:
type: string
name:
type: string
age:
type: number
breed:
type: string
environment:
type: string
enum:
- indoor
- outdoor
required:
- type
- name
- age
- breed
- environment
Dog:
type: object
properties:
type:
type: string
name:
type: string
age:
type: number
breed:
type: string
size:
type: string
enum:
- small
- medium
- large
required:
- type
- name
- age
- breed
- size

The plugin annotates all DTO properties with the @ApiProperty decorator, sets the type or enum property depending on the type, sets validation rules based on class-validator decorators, and carries out various other automated actions (opens in a new tab).

You can generate descriptions for properties and endpoints, and create example values for properties based on comments:

cat.entity.ts
/**
* The type of pet
* @example 'cat'
*/
@IsEnum(['cat'])
readonly type: 'cat';

For this to work, introspectComments must be set to true in the options property of the plugin:

nest-cli.json
"plugins": [
{
"name": "@nestjs/swagger",
"options": {
"introspectComments": true
}
}
]

The example and description will then be added to the OpenAPI document components schema:

components:
schemas:
Cat:
type: object
properties:
type:
type: string
description: The type of pet
example: cat

Add comments that provide a description and example value for each property of the Cat and Dog entities.

The Scalar UI will allow you to access the example value for the request body and a successful response. Click on the Test Request button of the request to display a modal, where you can try a request to the endpoint:

Scalar UI Try Request

You can see an example of a request body in the Body section of the modal:

Scalar UI example request body

By toggling the 200 option under Responses, you can also see the details of the example data schemas:

Scalar UI example schema

Customizing the OpenAPI operationId with NestJS

In the OpenAPI document, each HTTP request has an operationId that identifies the operation. In SDKs, the operationId is also used to generate method names and documentation.

By default, the NestJS OpenAPI (Swagger) module uses the NestJS controllerKey and methodKey to name the operationID something like PetsController_findOneDog.

A long operation name is not ideal. We can use the operationIdFactory method in the Swagger document options (opens in a new tab) to instruct the module to generate more concise names using only the methodKey.

Define the following options in the bootstrap function:

main.ts
const options: SwaggerDocumentOptions = {
operationIdFactory: (controllerKey: string, methodKey: string) => methodKey,
};

Pass the options to the SwaggerModule as follows:

main.ts
const document = SwaggerModule.createDocument(app, config, options);

Import SwaggerDocumentOptions from @nestjs/swagger:

main.ts
import {
SwaggerModule,
DocumentBuilder,
SwaggerDocumentOptions,
} from '@nestjs/swagger';

Adding OpenAPI tags to NestJS routes

Whether you’re building a big application or only have a handful of operations, we recommend adding tags to all your NestJS routes so you can group them by tag in the generated SDK code and documentation.

Adding tags

To add an OpenAPI tag to a route in NestJS, add the @ApiTags decorator:

pets.controller.ts
@Get('cats/:id')
@ApiTags('cats')

Adding metadata to tags

We’ve already added metadata to the @ApiTags('cats') decorator using other decorators provided by @nestjs/swagger, such as @ApiOperation and @ApiResponse.

We can add metadata to the root tag field in the OpenAPI document.

Add the following to the config section of the OpenAPI document:

main.ts
.addTag('Pets', 'Pets operations', {
url: 'https://example.com/api',
description: 'Operations API endpoint',
})

You can add more than one tag by using additional .addTag() method calls:

main.ts
.addTag('cats')
.addTag('dogs')

Adding a list of servers to the NestJS OpenAPI document

When validating an OpenAPI document, Speakeasy expects a list of servers at the root of the OpenAPI document. We’ll add a server using the DocumentBuilder method, addServer().

Insert the addServer() method in the config of the OpenAPI document:

main.ts
.addServer('http://localhost:3000/', 'Development server')

Adding retries to your SDK with x-speakeasy-retries

OpenAPI document extensions allow us to add vendor-specific functionality to the OpenAPI document.

  • Extension fields must be prefixed with x-.
  • Speakeasy uses extensions that start with x-speakeasy-.

Let’s use a Speakeasy extension that adds retries to requests from Speakeasy SDKs by adding a top-level x-speakeasy-retries schema to our OpenAPI document. We can also override the retry strategy per operation.

Adding global retries

Apply the Speakeasy retries extension globally by adding the addExtension() method from DocumentBuilder to the config section of the OpenAPI document:

main.ts
.addExtension('x-speakeasy-retries', {
strategy: 'backoff',
backoff: {
initialInterval: 500,
maxInterval: 60000,
maxElapsedTime: 3600000,
exponent: 1.5,
},
statusCodes: ['5XX'],
retryConnectionErrors: true,
})

Adding retries per method

To create a unique retry strategy for a single route, use the ApiExtension decorator to add x-speakeasy-retries to a NestJS controller route handler as follows:

pets.controller.ts
@ApiExtension('x-speakeasy-retries', {
strategy: 'backoff',
backoff: {
initialInterval: 1000,
maxInterval: 80000,
maxElapsedTime: 3600000,
exponent: 1.5,
},
statusCodes: ['5XX'],
retryConnectionErrors: true,
})

Generating an SDK based on your OpenAPI document

Before creating an SDK, we need to save the NestJS-generated OpenAPI document to a file. We’ll use JS-YAML to do this.

Saving the OpenAPI document to a YAML file

Add the following imports to your application entry file:

main.ts
import * as yaml from 'js-yaml';
import { writeFileSync } from 'fs';

In the bootstrap function, convert the OpenAPI document to a YAML string and save it as a file:

main.ts
const yamlString = yaml.dump(document);
writeFileSync('openapi.yaml', yamlString);

When you run the NestJS dev server, an openapi.yaml file will be generated in your root directory.

Linting the OpenAPI document with Speakeasy

The Speakeasy CLI has an OpenAPI linting command that checks the OpenAPI document for errors and style issues.

Run the linting command:

Terminal
speakeasy lint openapi --schema ./openapi.yaml

A lint report will be displayed in the terminal, showing errors, warnings, and hints:

Speakeasy Lint report

The Speakeasy Linter uses a recommended set of rules, which you can configure.

Generating an SDK from the Speakeasy CLI

We’ll use the quickstart command for a guided SDK setup.

Run the command using the Speakeasy CLI:

Terminal
speakeasy quickstart

Following the prompts, provide the OpenAPI document location, name the SDK SDK, and select TypeScript as the SDK language.

In the terminal, you’ll see the steps taken by Speakeasy to generate the SDK.

│ Workflow - success
│ └─Target: sdk - success
│ └─Source: SDK-OAS - success
│ └─Validating Document - success
│ └─Diagnosing OpenAPI - success
│ └─Tracking OpenAPI Changes - success
│ └─Snapshotting OpenAPI Revision - success
│ └─Storing OpenAPI Revision - success
│ └─Computing Document Changes - success
│ └─Downloading prior revision - success
│ └─Computing changes - success
│ └─Uploading changes report - success
│ └─Validating gen.yaml - success
│ └─Generating Typescript SDK - success
│ └─Setup Environment - success
│ └─Load and Validate Document - success
│ └─Generate SDK - success
│ └─Compile SDK - success
│ └─Setup Environment - success
│ └─Load and Validate Document - success
│ └─Generate SDK - success
│ └─Generating Code Samples - success
│ └─Snapshotting Code Samples - success
│ └─Snapshotting Code Samples - success
│ └─Uploading Code Samples - success

Speakeasy validates the OpenAPI document to check that it’s ready for code generation. Validation issues will be printed in the terminal. The generated SDK will be saved as a folder in your project.

Adding SDK generation to your GitHub Actions

The Speakeasy sdk-generation-action (opens in a new tab) repository provides workflows for integrating the Speakeasy CLI into CI/CD pipelines to automatically regenerate SDKs when the OpenAPI document changes.

You can set up Speakeasy to automatically push a new branch to your SDK repositories so that your engineers can review and merge the SDK changes.

For an overview of how to set up automation for your SDKs, see the Speakeasy SDK Workflow Matrix.

Using your SDK

Once you’ve generated your SDK, you can publish it for use. For TypeScript, you can publish it as an npm package.

A quick, non-production-ready way to see your SDK in action is to copy your SDK folder to a frontend TypeScript project and use it there.

For example, you can create a Vite project that uses TypeScript:

Terminal
npm create vite@latest

Copy the SDK folder from your NestJS app to the src directory of your TypeScript Vite project.

Delete the SDK folder in your NestJS project.

In the SDK README.md file, you’ll find documentation about your Speakeasy SDK.

Note that the SDK is not ready for production use. To get it production-ready, follow the steps outlined in your Speakeasy workspace.

The SDK has Zod as a peer dependency, as can be seen in the sdk-typescript/package.json file.

Install the required Zod version:

Terminal
npm i zod

Replace the code in the src/main.ts file with the following lines of code:

main.ts
import { SDK } from './sdk-typescript/src/'; // Adjust the path as necessary eg if your generated SDK has a different name
import { catsFindOneCat } from './sdk-typescript/src/funcs/catsFindOneCat';
const sdk = new SDK();
async function run() {
const res = await catsFindOneCat(sdk, {
id: "0",
});
if (!res.ok) {
throw res.error;
}
const { value: result } = res;
// Handle the result
console.log(result);
}
run();

Run the Vite dev server:

Terminal
npm run dev

Enable CORS in your NestJS dev server by adding the following configuration to the bootstrap function above the await app.listen(3000); line:

main.ts
app.enableCors({
origin: 'http://localhost:5173', // Vite's default port
methods: 'GET,POST,PUT,DELETE,OPTIONS',
allowedHeaders: 'Content-Type, Authorization',
credentials: true,
});

Run the NestJS dev server as well:

Terminal
npm run start:dev

You’ll see the following logged in your browser dev tools console:

{type: 'cat', name: 'Shadow', age: 8, breed: 'Bombay', environment: 'indoor'}

The SDK functions are type safe and include TypeScript autocompletion for arguments and outputs.

If you try to use an incorrect type for an argument:

main.ts
const res = await catsFindOneCat(sdk, {
id: 1,
});

You’ll get a TypeScript error:

Type 'number' is not assignable to type 'string'

Further reading

This guide covered the basics of generating an OpenAPI document using NestJS. Here are some resources to help you learn more about OpenAPI, the NestJS OpenAPI module, and Speakeasy: