Experiments

React MFE Template

Reusable template for creating micro frontends with React, TypeScript, Tailwind CSS, and Vite. Includes design system, testing, and CI/CD.

evergreen#react#micro-frontends#template#typescript#vite#tailwind

What it is

A reusable template for creating micro frontends with React, TypeScript, Tailwind CSS, and Vite. Designed to work with the React MFE Shell as the application shell.

Includes ESLint, Prettier, pre-commit hooks, Vitest, tsup for library builds, and release-please for automated versioning.

Features

  • Vite + React + TypeScript — modern setup with HMR
  • Tailwind CSS — integrated styling utilities
  • Dual build — application (Vite) and library (tsup)
  • Testing — Vitest with ready-to-go configuration
  • CI/CD — GitHub Actions and release-please
  • Pre-commit — hooks for linting and formatting

Why it matters

Reduces new micro frontend setup time from hours to minutes. The template includes all team conventions -- linting, testing, builds, CI/CD -- so every new MFE starts with the same standards.

References

Experiments