Get started

Steps

1. Create your Solid/SolidStart project
   npm

   npm init solid@latest

   pnpm

   pnpm create solid

2. Install the dreamkit dependency
   npm

   npm install dreamkit --save

   pnpm

   pnpm add dreamkit

3. Set-up the vite plugin
   Solid

   vite.config.ts

   import { defineConfig } from "vite";
   import solidPlugin from "vite-plugin-solid";
   import { dreamkitPlugin } from "dreamkit/dev";
   
   export default defineConfig({
       plugins: [dreamkitPlugin(), solidPlugin()]
   });

   SolidStart

   app.config.ts

   import { defineConfig } from "@solidjs/start/config";
   import { dreamkitPlugin } from "dreamkit/dev";
   
   export default defineConfig({
       vite: {
           plugins: [dreamkitPlugin()],
       },
   });