Getting started with Tailwind CSS - Real quick!

You have heard all the great things about Tailwind CSS but getting started seems a bit too much? Well, this article for you.

I have created a quickstart repo with the necessary tools so you don't have to set up and configure TailwindCSS for every project.

1. Clone the repo

We start by cloning this quickstart repo and changing the directory to that folder

git clone https://github.com/inerds/tailwind-quickstart.git'
cd tailwind-quickstart

2. Install dependencies

This will install the required packages such as PostCSS, live-server ..etc

npm install

3. Fire up a live server for preview

live-server public

This will start a live-server in the /public folder. You can start editing index.html file and changes will be auto refreshed on the browser.

If you are writing CSS run the following watch command and it will watch out for changes in css file in css/tailwind.css and build it to public/css/tailwind.css.

npm run watch

Enjoy Tailwinding!