Tuesday, 12 January, 2021 UTC


We will learn the various steps necessary to add tailwindcss support to a nextjs application. Step 1 - Install tailwindcss, postcss and autoprefixer Step 2 - Run `npx tailwind init -p` to create the required configuration. Add purge filters here. Step 3 - Add a styles folder and a tailwind.css file. In this file import the important tailwind classes. Step 4 - Override nextjs' app component to include tailwind classes. Now you can start using tailwindcss classes to style your nextjs application