adanamanya / turbomicrofe

A Turbo Repo Microfrontend template

Turborepo MicroFrontend Template

A template for experimental and project purpose.

See it live on DEMO

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• app: micro frontend app
  • shell (header and footer)
  • user-list (showing list of user)
  • home (homepage)
• ui: a stub React component library shared by form and shell, and user-list application
• eslint-config-custom: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• tsconfig: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

Utilities

This Turborepo has some additional tools already setup for you:

• TypeScript for static type checking
• ESLint for code linting
• Prettier for code formatting

Build

To build all apps and packages, run the following command:

cd [foldername]
pnpm build

Develop

To develop all apps and packages, run the following command:

cd [foldername]
pnpm dev

Useful Links

Learn more about the power of Turborepo:

• Tasks
• Caching
• Remote Caching
• Filtering
• Configuration Options
• CLI Usage