1. Dependencies

It is a simple next.js app. But it uses some UI components from the packages/ui module

Screenshot 2024-03-16 at 1.23.06 PM.jpg

2. Exploring package.json

If you explore package.json of apps/web, you will notice @repo/ui as a dependency

Screenshot 2024-03-16 at 3.46.44 PM.jpg

3. Exploring page.tsx

This is a very big page, let’s try to see the import and usage of the Button component

Screenshot 2024-03-16 at 1.46.12 PM.jpg

Screenshot 2024-03-16 at 1.47.35 PM.jpg

The same Button component can be used by the apps/docs website as well