An Easy Way to Setup Tailwind with NEXT.js

Learning new front-end JS and CSS utility frameworks have a steep learning curve. What makes this process even harder and annoying is the myriad NPM packages one has to install before they get to write a single line of code.

Fortunately, the developers of NEXT.js have taken care of all the boring config jargon for us, so we can get back to building our favorites static sites.

All you need to do is install either of these NPM packages.

npx create-next-app --example with-tailwindcss with-tailwindcss-app

or

yarn create next-app --example with-tailwindcss with-tailwindcss-app

That's it! Hope you have found this useful.