An Essential Guide to Adding TailwindCSS to your Hugo Siteby@divrhino
2,435 reads
2,435 reads

An Essential Guide to Adding TailwindCSS to your Hugo Site

by Div Rhino5mJuly 14th, 2021
Read on Terminal Reader
Read this story w/o Javascript
tldt arrow

Too Long; Didn't Read

Tailwind is a utility CSS library that has been gaining a lot of popularity in the past few years. With Tailwind, you can build your sites faster because you won't be jumping between HTML and CSS all the time. To follow along with this tutorial, you will need to have Hugo and NodeJS installed. The tailwind CSS library is a library of utility classes to help us build unique custom layouts without doing too much. We will also need a main styles.scss file for both Postcss and tailwind.

People Mentioned

Mention Thumbnail

Companies Mentioned

Mention Thumbnail
Mention Thumbnail
featured image - An Essential Guide to Adding TailwindCSS to your Hugo Site
Div Rhino HackerNoon profile picture
Div Rhino

Div Rhino

@divrhino

Creating fun and interesting project-based tutorials. Find Div Rhino on YouTube for video tutorials!

About @divrhino
LEARN MORE ABOUT @DIVRHINO'S
EXPERTISE AND PLACE ON THE INTERNET.
L O A D I N G
. . . comments & more!

About Author

Div Rhino HackerNoon profile picture
Div Rhino@divrhino
Creating fun and interesting project-based tutorials. Find Div Rhino on YouTube for video tutorials!

TOPICS

THIS ARTICLE WAS FEATURED IN...

Permanent on Arweave
Read on Terminal Reader
Read this story in a terminal
 Terminal
Read this story w/o Javascript
Read this story w/o Javascript
 Lite