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