Blog Cover

An Easy Way to Setup Tailwind with NEXT.js

Pranav Birajdar

Pranav Birajdar

March 02, 2021

5 💖

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.

Get In Touch!

Whether you have an idea for a project or just want to say hi,
feel free to shoot me an email!