vite-plugin-netlify-cms

Simple plugin to generate config.yml for Netlify CMS / Sveltia CMS with TypeScript support.

Features

• 🎯 TypeScript-first configuration
• 📦 Automatic config.yml generation
• 🔐 OAuth authentication (GitHub)
  • ✨ Astro Integration for seamless SSR routing
  • 🔌 Vite Plugin for other frameworks
• 🚀 Hot reload support
• ✨ Support for Sveltia CMS and Decap CMS
• 🎨 Type-safe widget definitions

OAuth Authentication

For Astro Projects (Recommended)

// astro.config.ts
import { defineConfig } from 'astro/config';
import { astroOAuthIntegration } from 'vite-plugin-netlify-cms';
import sveltiaCMS from 'vite-plugin-netlify-cms';

export default defineConfig({
  integrations: [
    astroOAuthIntegration(), // Adds /oauth and /oauth/callback routes
  ],
  vite: {
    plugins: [sveltiaCMS({ type: 'sveltia' })],
  },
  output: 'server', // or 'hybrid'
});

For Other Projects (Vite, SvelteKit, Nuxt, etc.)

// vite.config.ts
import { defineConfig } from 'vite';
import sveltiaCMS, { oauthPlugin } from 'vite-plugin-netlify-cms';

export default defineConfig({
  plugins: [
    sveltiaCMS({ type: 'sveltia' }),
    oauthPlugin(), // Works in dev, needs serverless setup for production
  ],
});

📖 Complete OAuth Setup Guide