Turborepo (monorepo, microfrontend ) with nextjs and vite side by side

[kzmKZuzmo]

Hello try someone create new version of shadcn with nextjs and vite ?

[abhayclasher]

yea u can totally do this! shadcn works fine in a turborepo monorepo with both nextjs and vite apps side by side.

heres the general approach:

1. create a shared packages/ui workspace for ur shadcn components
2. run npx shadcn@latest init inside that package
3. configure the components.json to point to the right paths
4. in ur nextjs and vite apps, just import from @repo/ui (or whatever u name the workspace)

the key thing is that each app (nextjs / vite) handles its own tailwind config and css, but the actual component code lives in the shared package.

shadcn even has an official monorepo guide now: https://ui.shadcn.com/docs/monorepo

also check out the turborepo examples repo — theres a shadcn template there that sets this up out of the box 🙌