Setting up Tailwind and Storybook inside a Monorepo in 3 detailed steps

Setting up Tailwind and Storybook inside a Monorepo in 3 detailed steps

In this video, you will learn how to setup Tailwindcss and Storybook inside a Monorepo project along with reusable configuration of Tailwindcss.

I will be covering:
1. Setting up Monorepo from scratch with design-system
2. Creating a common config package for Tailwindcss
3. Configuring all paths to add for Tailwindcss for all projects inside the Monorepo.

00:00 Introduction
00:30 Creating Turborepo project with design-system
03:00 Creating a sample Next.js project
06:17 Creating a Tailwind Config package
07:00 Installing autoprefixer, tailwindcss and postcss
08:38 Setting up tailwind.config.js file
10:40 Setting up postcss.config.js file
11:38 Setting up globals.css file
12:10 Configuring tailwindcss in ui package
13:50 Configuring tailwindcss in sample project
19:13 Configuring tailwindcss in design-system

Github Repository: https://github.com/thepixelperfectdev...
Instagram:   / thepixelperfectdev  

Your Questions:
how to setup monorepo with tailwindcss and storybook
setting up monorepo with design system
how to configure paths for tailwindcss in monorepo
how to setup tailwindcss in storybook
how to setup tailwindcss in ui package in monorepo
setup tailwindcss in storybook
configure paths for tailwindcss in monorepo
setup tailwindcss in ui package in monorepo
monorepo
storybook
tailwindcss

Hashtags:
#tailwindcss #storybook #monorepo #turbo #turborepo #frontenddevelopment #frontend #react #reactjs #nextjs #nextjstutorial #setup