Typescript Style Guide

Overview

The Turborepo / Next.js / TypeScript boilerplate is an opinionated frontend monorepo that focuses on best practices and providing a painless developer experience. It includes a range of features such as a remote cache build system, support for TypeScript codebase, Next.js apps, UI component packages, testing with Jest, linting with ESLint, and more.

Features

• Turborepo v1 remote cache build system: Allows for fast execution of commands (build, lint, test, etc.) on your local machine and CI.
• TypeScript v4 codebase with Strict Configuration: Provides the benefits of TypeScript, ensuring type safety and improving code quality.
• NextJs apps: Includes a set of Next.js applications for building modern web applications.
• UI component packages: Offers three separate packages (Vanilla CSS, MUI v5, Tailwind v3) with respective configurations. These can be easily imported into the Next.js apps for building custom UI components.
• Unit and integration tests with Jest: Allows for writing and running tests for all apps and packages.
• Linting with ESLint: Provides automatic code linting to catch potential errors and enforce code style conventions.
• Prettier code formatter: Includes Prettier for consistent code formatting across the project.
• Git hooks with Husky and lint-staged: Sets up git hooks to run commands (such as linting) before commits and ensures commit messages meet conventional commit format.
• Commitizen: Simplifies the process of creating commit messages that follow the conventional commits format.