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?
Recent Hugo versions support Tailwind via cache busters. I recommend configuring that instead. The starter template by Bep can guide you.
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