Skip to content

This project demonstrates a monorepo setup for micro frontends using Turborepo. πŸš€

License

Notifications You must be signed in to change notification settings

imevanc/microfrontends-monorepo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

68 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

🌐 Micro Frontend Turborepo Starter

Welcome to the Micro Frontend Turborepo Starter!
This project demonstrates a monorepo setup for micro frontends using Turborepo. πŸš€

πŸ—οΈ Project Overview

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.

πŸ“¦ Shared Packages

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.

🌍 Deployments

This project is hosted on Vercel with automatic deployments:

🌟 Tech Stack

  • πŸ“¦ 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.

πŸš€ Getting Started

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.

πŸ“„ License

This project is licensed under the MIT License.

🀝 Contributing

Contributions are welcome! Open an issue or submit a pull request.

πŸ“§ Contact

For questions or suggestions, open an issue in this repository.
Enjoy building with the Micro Frontend Turborepo Starter! πŸš€πŸŽ‰