I now have an Nx monorepo working with a shared UI library (libs/ui) that exports ShadCN components and global CSS. I need to integrate this UI library into my existing PrepChefApp codebase, which uses React + TypeScript + Supabase + Refine (and sometimes Vite or CRA depending on the environment). I want a full migration plan that covers:
How to consume @react-monorepo/ui inside PrepChefApp pages
How to inject the UI library’s global CSS into PrepChefApp without violating module boundaries
How to migrate existing PrepChef components to use the shared monorepo UI
How to structure multi-tenancy + Supabase + Refine inside an Nx workspace
How to move PrepChefApp (or parts of it) into the Nx workspace safely
How to organize shared types, utilities, hooks, and Tailwind config across all apps
How to deal with environment variables and Supabase clients in an Nx monorepo
How to handle routing and layout imports between apps in an Nx setup
How to gradually merge pages from PrepChefApp into CaterKing or a new Nx app
A recommended file structure for the final PrepChef Nx monorepo