• Stars
    star
    105
  • Rank 317,580 (Top 7 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created over 2 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Turborepo with Tailwind CSS setup for shared ui components.

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