02 - Setup Tailwind CSS in a Next.js project with Just-in-Time Mode

Published: 11 June 2021
on channel: AlterClass
1,074
8

► Check out https://screencasts.alterclass.io/ for more episodes!
► Learn to build your own production-ready React applications and become a successful React developer: https://alterclass.io/courses/react
► Be on top of the best and hottest web technologies: https://alterclass.io/the-modern-dev

--
In this lesson, we'll set up Tailwind CSS as a PostCSS plugin for our Next.js project and go through all the dependencies needed for that.

Finally, we'll create a minimal Tailwind configuration to purge our CSS in production and enable the Just-in-Time mode introduced with Tailwind CSS v2.1.

The Just-in-Time mode is the new way of compiling your Tailwind CSS projects. This compiler generates your styles on-demand as you add classes to your JSX instead of generating everything in advance at initial build-time, which makes your build faster and enables every Tailwind variant out-of-the-box.


Watch video 02 - Setup Tailwind CSS in a Next.js project with Just-in-Time Mode online without registration, duration hours minute second in high quality. This video was added by user AlterClass 11 June 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,07 once and liked it people.