This repo shows you how to configure multiproject repository using lerna and have a shared design system across your applications
Providing multiple software services with a shared UI experiance is a bit tricky. Developers have to make sure ervery component in each project is working great and look exactly the same. This repo shows you how.
Inside the apps folder we have a Nuxtjs project in app1, a vuejs project in app2 and a shared folder that is containing our design system. If you take a look at app1/pages/index.vue and app2/src/views/Home.vue you see we are using connect-btn component and it is being developed in shared folder and they look and work exactly the same in both projects.
With this setup for developing large systems a group of developers can work only on the design system while the other developers can work on the services or projects and use the design system.
A monorepo is a software development strategy where multiple projects or components are stored in a single repository. It provides advantages such as easier code sharing, centralized tooling, and simplified dependency management.
Lerna is a tool for managing JavaScript projects with multiple packages. It optimizes workflow by facilitating versioning, publishing, and inter-package dependencies management.