Skip to content

sevenseacat/phoenix_tailwind_jit_example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Phoenix + Tailwind CSS + JIT compilation example

An example setup showing how Tailwind CSS's JIT compiler can be integrated into a Phoenix application.

I wrote more about this in a blog post, One neat trick to getting Tailwind's JIT compiler working in Phoenix

Setup

git clone https://github.com/sevenseacat/phoenix_tailwind_jit_example.git
cd phoenix_tailwind_jit_example
mix deps.get
mix ecto.setup
npm install --prefix assets

Run

mix phx.server

And you can visit the default homepage at http://localhost:4000.

Change some of the classes used in the homepage template (lib/tailwind_jit_web/templates/page/index.html.eex) and Tailwind will automatically recompile your CSS for you! ✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published