Phoenix 1.6 + Tailwind + NPM + ESBuild 😍

Authors

• Matheus Cumpian

Introduction 🤔

This template provides a base project with the brand new Phoenix 1.6 release with Tailwind and NPM configured.

The main goal of this template is provide the fast build speed of esbuild but bring back the NPM to your Phoenix app, with that you can download and mantain NPM dependencies without rely all the dependency management to esbuild.

And more important, Tailwind cames full configured and integrated with Postcss + esbuild and also supporting extracting classes with postcss-import

Starting the project 🥳

To start your Phoenix server:

• Install dependencies with mix deps.get

• Create and migrate your database with mix ecto.setup

• Start Phoenix endpoint with mix phx.server or inside IEx with iex -S mix phx.server

Now you can visit localhost:4000 from your browser.

Ready to run in production? Please check our deployment guides.

Learn more 👽

• Official website: https://www.phoenixframework.org/

• Guides: https://hexdocs.pm/phoenix/overview.html

• Docs: https://hexdocs.pm/phoenix

• Forum: https://elixirforum.com/c/phoenix-forum

• Source: https://github.com/phoenixframework/phoenix

References

Phoenix Assets Management Pragmatic Studio Tailwind Setup Wrapping your head around assets in Phoenix 1.6