Welcome to the Micro Frontend Turborepo Starter!
This project demonstrates a monorepo setup for micro frontends using Turborepo. π
This repository follows a monorepo architecture to manage multiple micro frontends efficiently. It includes:
- Applications (apps/): Independent frontend apps.
- Shared Packages (packages/): Reusable configurations and components.
To ensure consistency across micro frontends, this repo includes the following reusable packages:
- eslint-config π§Ή β Standardised ESLint rules for consistent code style.
- tailwind-config π¨ β Shared Tailwind CSS setup for a unified design system.
- typescript-config π β Common TypeScript settings for better maintainability.
- ui ποΈ β A component library with reusable UI elements.
This project is hosted on Vercel with automatic deployments:
- Host Application: microfrontends-monorepo.vercel.app
- Remote Application: microfrontends-monorepo-journeya.vercel.app
- π¦ Monorepo Structure β Efficiently manage multiple micro frontends.
- π Micro Frontend Architecture β Independent development and deployment of frontend modules.
- β‘ Turborepo Integration β Speeds up builds and improves performance.
- π Vercel Hosting β Automatic and scalable deployments.
- π¨ Shared Configurations β Standardised ESLint, Tailwind, and TypeScript settings.
- π₯οΈ Reusable UI Library β Prebuilt components for a consistent UI.
- π TypeScript β Strongly typed JavaScript.
- π React β UI library for building modular frontends. π¦ Tailwind CSS β Utility-first styling framework.
Clone the repository:
git clone https://github.com/imevanc/microfrontends-monorepo.git
Navigate to the project directory:
cd microfrontends-monorepo
Install dependencies:
pnpm install
Start the development server:
pnpm run dev
The host application will be available at http://localhost:3000 and the remote at http://localhost:3001.
This project is licensed under the MIT License.
Contributions are welcome! Open an issue or submit a pull request.
For questions or suggestions, open an issue in this repository.
Enjoy building with the Micro Frontend Turborepo Starter! ππ