Vite

About

Vite is a blazing fast frontend build tool powering the next generation of web applications.

The Vite plugin integrates @hey-api/openapi-ts into the Vite build pipeline, running automatically whenever Vite resolves its configuration – no separate script or manual step required.

Features

• runs automatically as part of your Vite build
• reads your existing configuration (or accepts inline config)
• works with any Vite-based project

Installation

You can download @hey-api/vite-plugin from npm using your favorite package manager.

npm

npm add @hey-api/vite-plugin -D -E

pnpm

pnpm add @hey-api/vite-plugin -D -E

yarn

yarn add @hey-api/vite-plugin -D -E

bun

bun add @hey-api/vite-plugin -D -E

Usage

Add the plugin to your vite.config.ts:

vite.config.ts

import { heyApiPlugin } from '@hey-api/vite-plugin';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [heyApiPlugin()],
});

The plugin will automatically pick up your configuration file. You can also pass options inline using the config option:

vite.config.ts

import { heyApiPlugin } from '@hey-api/vite-plugin';
import { defineConfig } from 'vite';

export default defineConfig({
  plugins: [
    heyApiPlugin({
      config: {
        input: 'hey-api/backend', // sign up at app.heyapi.dev
        output: 'src/client',
      },
    }),
  ],
});

Examples

You can view live examples on StackBlitz.

Sponsors

Hey API is sponsor-funded. If you rely on Hey API in production, consider becoming a sponsor to accelerate the roadmap.

Gold

• 

  Best-in-class developer interfaces for your API.

  stainless.com

• The open source coding agent.

  opencode.ai

Silver

• scalar.com
• fastapi.tiangolo.com

Bronze

• 

Friends