More Premium Hugo Themes Premium Nextjs Themes

Turborepo Tailwindcss

Turborepo with Tailwind CSS setup for shared ui components.

Turborepo Tailwindcss

Turborepo with Tailwind CSS setup for shared ui components.

Author Avatar Theme by cvrlnolan
Github Stars Github Stars: 118
Last Commit Last Commit: Jul 19, 2023 -
First Commit Created: Aug 27, 2024 -
default image

Overview:

The turborepo-tailwindcss project is a sample setup of a Turborepo monorepository that includes shared Tailwind CSS configurations. This project demonstrates the setup of a monorepo environment using Turborepo and showcases how common configurations can be shared across multiple applications within a single codebase.

Features:

  • Turborepo Monorepository: Demonstrates the use of Turborepo for managing a monorepository structure.
  • Shared Tailwind CSS Configurations: Includes shared Tailwind CSS configurations that can be used by multiple applications within the monorepo.
  • Multiple Applications: Contains sample Next.js apps (docs and web) and shared React component libraries (ui).
  • Common Configurations: Provides shared configurations for tools like ESLint and TypeScript across the monorepo.

Installation:

  1. Clone the repository using the following command in your terminal:
    git clone <repository_url>
    
  2. Install dependencies for all apps within the monorepo by running:
    yarn install
    
  3. Start the development servers for all applications simultaneously with:
    yarn dev
    
  4. To start an individual app within the monorepo, run:
    yarn workspace <name> dev
    
    Replace <name> with the app you want to start.

Summary:

The turborepo-tailwindcss project provides a practical example of setting up a monorepository using Turborepo and sharing Tailwind CSS configurations and common tool configurations across multiple applications. By following the installation guide, developers can quickly set up the project locally and explore the shared configurations and applications included in the monorepo.