Vite plugin that emulates Netlify's platform features within your Vite dev server.
| 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.
npm install @netlify/vite-pluginThe 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
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()],
})