@netlify/vite-plugin

Vite plugin that emulates Netlify's platform features within your Vite dev server.

Feature Support

| Feature | Supported | | ---------------------- | --------- | | Functions | ✅ Yes | | Edge Functions | ✅ Yes | | Blobs | ✅ Yes | | Cache API | ✅ Yes | | Redirects and Rewrites | ✅ Yes | | Headers | ✅ Yes | | Environment Variables | ✅ Yes | | Image CDN | ✅ Yes |

This module is not intended to be a full replacement for the Netlify CLI.

Installation

npm install @netlify/vite-plugin

Configuration options

The plugin accepts the following options:

• middleware (boolean, default: true): Attach a Vite middleware that intercepts requests and handles them in the same way as the Netlify production environment
• blobs: Configure blob storage functionality
• edgeFunctions: Configure edge functions
• functions: Configure serverless functions
• headers: Configure response headers
• images: Configure Image CDN functionality
• redirects: Configure URL redirects
• staticFiles: Configure static file serving

Usage

Add the plugin to your vite.config.js or vite.config.ts:

import { defineConfig } from 'vite'
import netlify from '@netlify/vite-plugin'

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