Tailwind without PostCSS?

I recently read this article How to add TailwindCSS 3 to a Hugo website in 2023? - sbero.dev and it walks out a fairly different approach to adding tailwind than the other approaches I have seen. Is it true that post is not needed with newer versions of hugo as stated?

1 Like

Recent Hugo versions support Tailwind via cache busters. I recommend configuring that instead. The starter template by Bep can guide you.

1 Like

The approach described in that article looks great. Simple, fast, effective.

Though Iā€™d advise you to not create classes with string concatenation, as described here: How to add TailwindCSS 3 to a Hugo website in 2023? - sbero.dev that can get real messy, real fast. If you need to pass a class into your template, use the whole thing, e.g:

bgColor: bg-red-500

not:

bgColor: red