I am new to setting up a monorepo solution as I've only worked with a regular next app in the past. For my current project, I have 2 deliverables and I am trying to share resources and components between them as best as possible.
I set up a Turborepo and Github repo for my solution.
I ran the following terminal prompts to set up the solution.
% pnpm dlx create-turbo@latest
% cd Website
% npm add turbo --save-dev -w
% cd ~/Website/apps
% rm -rf web docs
% pnpm create next-app@latest apps/website
At this point if I run the following commands, the solution works and I can navigate to localhost:3000 to see the default nextjs web app.
% pnpm install
% pnpm dev
The next solution I need to add is another nextjs web app, however this will be for a different purpose tied to a subdomain to display account related information.
No problem installing new next js web apps, rinse and repeat. Running the (now) two nextjs apps together work fine as expected in localhost.
From here, though, how do I start sharing UI and styling components between the two web apps?
Starter Styling Components to Share between Web Apps
- Font: Montserrat
- Accent color: #4F46E5
- Background color: #f9fafb
