frontend-monorepo-boilerplate

⚡ Frontend monorepo boilerplate. TypeScript, vanilla CSS/Tailwind/MUI with focus on best practices and painless developer experience.

reactboilerplatetypescriptfrontendnextjsmaterial-uimonorepomuitailwindviteturborepoeslint

Preview

frontend-monorepo-boilerplate preview

Overview

This is a TypeScript frontend monorepo boilerplate designed for teams building multiple web applications with shared components and consistent tooling. It includes Turborepo for fast builds, Next.js and Vite apps, three styling options (Vanilla CSS, Tailwind, Material UI), testing with Jest and automated linting and formatting. Use it to quickly set up a scalable frontend project with best practices, shared UI libraries and streamlined developer workflows across multiple applications.

Features

turborepo-remote-cachingtypescript-strict-type-checkingvite-buildsnextjs-appsshared-ui-componentseslint-lintingprettier-formattinggit-hooks-huskyconventional-commitsstorybookmonorepo-workspaces

Feature Flags

ecommerceteamsOrgscachingmultitenancytestinglintingformattinggitHooksstorybookmonorepo

Recommended Use Cases

multi-app-frontend-projectsshared-component-librariesscalable-frontend-architectureteam-collaboration

Frontend

reactnextjsvite

Backend

None

Auth Providers

None

Deployment Targets

github-pagesvercel

Payment Providers

None

Quick Facts

⭐ Stars
173
🍴 Forks
25
🔄 Active
Unknown
🕒 Last Commit
2024-03-25T15:15:06.000Z

Stack

Framework
react
Language
typescript
CSS
vanilla-css, tailwindcss, material-ui
Testing
jest, react-testing-library
CI
github-actions

Data Layer

UI Stack

Styling
tailwindcss
Components
material-ui

Developer Experience

Docker
No
Tests
Yes
Quickstart
Yes
env.example
No
CI
github-actions

Pricing

Classification
free
Selected
Notes
Open source boilerplate
Get Started with this Boilerplate