Phoenix index.html.heex for TailwindCSS (1.6)


Because of

I have now a nice PETALS project template. As I do not know any TailwindCSS yet, http://localhost:4000 still looks pretty bad now.

Has anyone a nice index.html.heex to share? (like the standard one from phoenix but with TailwindCSS classes attached; or some to learn from).

Easiest thing to do is find a design you like somewhere and just try to recreate it with Tailwind…and then make it responsive.

You’ll need to go through the tailwind tutorials buts it doesn’t take long and it’s well worth it. Makes so much sense and it’s really changed my entire confidence level with design.

Of course I will do that the next days. TailwindCSS ist new to me.
I just wanted a quick fix for the moment.

I have found what I was looking for in Get started with Tailwind in Phoenix - Tutorials and screencasts for Elixir, Phoenix and LiveView (Step 4).

1 Like