pnpm add -D @tzvipm.dev/storybook-solidjs-vite

What is this?

This package provides the official framework integration between Storybook and Vite for SolidJS projects. It enables fast HMR, optimized builds, and seamless integration with Vite's ecosystem.

Getting Started

Visit our GitHub repository for comprehensive documentation and setup instructions.

Features

• ⚡ Lightning Fast - Powered by Vite's blazing fast HMR
• 🔧 Zero Config - Works out of the box with your Vite config
• 📦 Optimized Builds - Production-ready bundle optimization
• 🎯 TypeScript Support - First-class TS support with Vite
• 🔌 Plugin Ecosystem - Compatible with Vite plugins

Requirements

• Vite 4.0.0 or later (supports Vite 4, 5, and 6)
• SolidJS ~1.9.0
• Storybook 9.0.0 or later

Setup

This framework is automatically installed when you run storybook init in a Vite-based SolidJS project.

For manual installation:

pnpm add -D @tzvipm.dev/storybook-solidjs-vite @tzvipm.dev/storybook-solidjs

Then add it to your .storybook/main.js:

export default {
  framework: '@tzvipm.dev/storybook-solidjs-vite',
  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx|mdx)'],
};

License

MIT