Turborepo Tutorial | Part 1 - Typescript, Eslint, Tailwind, Husky shared config setup in a Monorepo

We will also be creating some eslint configurations to be used easily between all 3 of our different applications.

We will look at how to setup a shared UI component library using Tailwind, and how to use our different workspace packages within our different applications.



Timestamps:
0:00 intro
0:45 turborepo walkthrough
13:40 next projects create
19:10 shared typescript configs
32:00 shared eslint configs
48:00 shared tailwind ui
56:00 husky and lint staged

[interceptorghost]

This video makes me level up my software engineering knowledge, nice video

[vcbiotech]

It took me almost two weeks to finally understand my tailwind components were not working. THANK YOU SO MUCH FOR THIS.

[Merchance]

Would be the best series if you also integrate Storybook to the workspace

[sweetwarmblanket]

Hey Leo, I recently found you ( last month ) while looking for videos on GraphQL and your videos on GraphQL microservices and fedeartion are really amazing, I've learned a lot from it and has subscribed since the first day. I had seen your others videos and the monorepo one as well but this is something I was wanting to explore with a backend and frontend, sharing different module/plugins/husky commands using monorepo.

I have learned everything from the internet and watching countless youtube videos from people like you and I really appreciate the work that you guys put in but I haven't seen a single video where someone has shown the entire procress from scratch to deploying a app ( FullStack app ) with all the industry standards. Things like, a scaleble backend and frontend fueled with typescript and graphql with proper authentication ( using cloud functions if needed ). Setting up CI/CD, docker, cloud for deployment ( AWS/Serverless ). It's a request if you could put out a video covering and explaing everything from start to finish of a FullStack ( doesn't have to be a complex a simple one like router protection with backend validation or something like that ) that'd be really helpful. Thanks again, I really appreciate your work and hope you grow to be a successful Youtuber.

P.S. Happy Holidays

[doobtom]

Your Christmas hat still applies at the time I watch this video, lol

[williamliu]

Thanks so much for this video. I went absolutely nuts trying to figure out why my tailwind styles werent working through the UI library. They were being purged!!!

[workflowinmind]

If you've seen your watch time increase recently it might be me... I watched the whole channel! Keep it up

[rudrava]

bruh u saved so much of my reading time ... best intro out there
Love

[sirawichvoungchuy]

Storybook integration would be great thank you!!

[milad]

The course I was looking for. Exactly the one I wanted

[Feetsha]

Your content is one of the best out there ngl ! Keep up the amazing work

[iomka]

Storybook integration (at least for UI components) please! Subscribed!

[gregederer]

This is exactly what I was looking for. Thanks!

[musbell]

Thanks Leo. Looking forward for the next video.

[quyetnguyen]

This is awesome, thank you. Can't wait for the next video.

[meysam]

tnx leo this is best practice for develop frontend monorepo,

[NOBOKSify]

literally saved my life - thank you so much!

[fooked]

May I ask, why did you include the same dependencies in both next package.json files? Wouldn't it be better to move those deps to a common package.json -- perhaps the root package.json?

[dheerajs]

this is super awesome .. waiting for the next part ..:)

[juanzapatagomez]

By any chance could you make a tutorial on adding Prisma as a package?