Vite SSG Plugin

A Vite plugin for static site generation (SSG) that pre-renders your application to static HTML.

Installation

npm install --save-dev vite-plugin-ssg

Usage

1. Install the plugin in your Vite project:

npm install --save-dev vite-plugin-ssg

2. Add it to your vite.config.js/ts:

import { defineConfig } from 'vite';
import ssg from 'vite-plugin-ssg';

export default defineConfig({
  plugins: [
    ssg({
      // Optional: Output directory (default: 'dist')
      outDir: 'dist',
      // Optional: Routes to pre-render (default: ['/'])
      routes: ['/', '/about', '/contact'],
      // Optional: Base public path (default: '/')
      base: '/'
    })
  ]
});

3. Build your site:

npm run build

The plugin will generate static HTML files for each route in your specified output directory.

How It Works

1. During the build process, the plugin will:
   • Generate HTML files for each specified route
   • Preserve client-side hydration
   • Handle static asset paths correctly

License

MIT