@betahcoding/mat-tailwind

A React UI component and design system library built with love on top of TailwindCSS. Insipired by Google Material Design.

What's inside?

This Turborepo includes the following packages/apps:

docs: a Next.js for documentation app.
nextjs: a Next.js for demonstrating the usage of app.
storybook: a Next.js for UI and design system workshop app.
@betahcoding/mat-tailwind: a stub React component library shared by both nextjs and docs applications.
@betahcoding/eslint-config: contains eslint configurations (includes eslint-config-next and eslint-config-prettier).
@betahcoding/eslint-config: contains jest configurations.
@betahcoding/tailwind-config: contains tailwind configurations.
@betahcoding/ts-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% TypeScript.

This Turborepo has some additional tools already setup for you:

TypeScript for static type checking
ESLint for code linting.
Prettier for code formatting.
Husky for automatic linting commit messages, code, and run tests upon committing or pushing.
Lint-staged for pre-commit linting.

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

cd my-turborepo
pnpm build

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

cd my-turborepo
pnpm dev

Learn more about the power of Turborepo: