/turborepo-tailwindcss

Turborepo with Tailwind CSS setup for shared ui components.

Primary LanguageTypeScriptMIT LicenseMIT

turborepo-tailwindcss

A sample setup of a Turborepo monorepository with shared Tailwind CSS configurations.

Installation

  1. To get this project files locally on your machine, you can clone this repository by running the following command on your terminal or command line:
git clone https://github.com/cvrlnolan/turborepo-tailwindcss.git
  1. Install all the dependency packages found in the package.json files across the monorepo apps by running yarn install from the project root directory.
  2. To start the development servers of all the applications in your monorepo in parrallel, simply run yarn dev. To start an individual app the monorepo, run: yarn workspace <name> dev (name: is found/set in the package.json for each individual app folder)

Apps & Packages

  • apps/docs: a sample documentation Next.js app
  • apps/web: a sample web Next.js app
  • packages/ui: a stub React component library shared by both web and docs applications
  • packages/config: shared tailwindcss, eslint configurations (includes eslint-config-next, eslint-config-prettier, eslint-plugin-prettier etc..)
  • packages/tsconfig: tsconfig.jsons which can be used by extending them throughout the monorepo