@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:

Apps and Packages

• 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.

Utilities

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.

Build

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

cd my-turborepo
pnpm build

Develop

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

cd my-turborepo
pnpm dev

Useful Links

Learn more about the power of Turborepo:

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