Unsure about how to add shadcn/ui to Wasp

I added a vite.config.ts to my src/client with this content:

import path from "path";
import { defineConfig } from "vite";

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

import path from "path";
import { defineConfig } from "vite";

export default defineConfig({
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
});

But, since I don't have a package.json, I can't run npx shadcn-ui@latest init. What should I do? Edit: if for some reason it's difficult to do so, I would also be interested in Preline.

3 Replies

miho•8mo ago

I'm not sure if we can make it work with Wasp TBH, I'll have to try to set it up and see what happens 🙂

miho•3mo ago

For future reference: https://gist.github.com/infomiho/b35e9366e16913949e13eaba0538f553

Gist

Using ShadCN with Wasp 0.12+

Using ShadCN with Wasp 0.12+. GitHub Gist: instantly share code, notes, and snippets.

martinsos•2mo ago

Wasp now has package.json so it is easier to use shadcnui!

Gaming

Programming

Unsure about how to add shadcn/ui to Wasp