Jekyll with Tailwind CSS

You want to run jekyll new your-site --blank and add Tailwind CSS yourself, right? Don’t. Fork this repo instead.

Minimal Jekyll + Tailwind CSS starter repo without long reload render delays.

Getting Started

git clone git@github.com:stefcoetzee/jekyll-tailwind your-site
cd your-site
bin/setup

Usage

Development

# Make all Tailwind utility classes available for development.
bin/build-dev

# Start a live-reload server at http://localhost:4000, skipping file with Tailwind
# @import statements during regeneration.
bin/start

Production

Delete .site and it’s contents to see the production build output.

# Purge unused classes.
bin/build-prod

Credit

Thanks to @joemasilotti for sharing his build scripts here. Thanks to @shafy for sharing the two config-file approach here.

Say hi @stef_coetzee!