Skip to content

[area:shadcn] shadcn init — components.json, lib/utils, Tailwind config #48

Description

@fray-cloud

Scope

  • apps/web/components.json (shadcn config)
  • apps/web/src/lib/utils.ts (cn helper using clsx + tailwind-merge)
  • apps/web/tailwind.config.{js,ts} — add shadcn theme extension (keep daisyUI plugin enabled)
  • apps/web/src/app/globals.css — add shadcn CSS variables / base layer
  • package.json — add class-variance-authority, clsx, tailwind-merge, lucide-react

Acceptance

  • npx nx affected -t lint test build green
  • npx shadcn@latest init completed non-interactively; components.json committed
  • No existing component visually changes (pure scaffolding PR)
  • daisyUI plugin still active — no class removals in this PR

Depends on

Research

Risk

low — config-only, no consumer swap.

Steps

  1. Run npx shadcn@latest init inside apps/web with App Router + CSS variables + front/* alias (@/* mapped to apps/web/src/* via components.json aliases).
  2. Commit components.json, lib/utils.ts, updated tailwind.config, updated globals.css.
  3. Verify front/lib/utils import resolves from a dummy spot, then remove.
  4. npx nx affected -t lint test build.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1Priority 1 - higharea:shadcnRoadmap area: Tailwind/shadcn migrationneeds-researchRequires context7/migration-doc research before execution

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions