
Learn Elixir and Phoenix LiveView
Tutorials and courses to help you learn in warp speed.

Automatic convertion to verified routes
One of the nicest features in the new Phoenix 1.7 is the verified routes. Instead of the previous auto generated route-function, there is a p-sigil ..

Run one off tasks in Phoenix
If you run a web application with users in production, you have surely had the need to run a task that changes the database for one or more users. T..

Sortable lists with Phoenix LiveView and SortableJS
A very common user interface pattern on the web is to have sortable elements. In this tutorial I will go through how to accomplish sortable lists wi..

Send Tailwind styled Emails with Phoenix and Swoosh
This tutorial came up as a way to style an email sendout with Tailwind classes.The reason I want to do this is that styling emails is a pain and I u..

Tailwind Navbar New LiveView 0.18 components
With the latest Phoenix LiveView 0.18 release it has finally become time to revisit components. In the previous version, the components was a little..
Popular Posts
Create a reusable modal with LiveView Component
To reduce duplicity and complexity in your apps, Phoenix LiveView comes with the possibility to use reusable components. Each component can have its..

How to combine Phoenix LiveView with Alpine.js
No matter how great Phoenix LiveView is, there is still some use case for sprinking some JS in your app to improve UX. For example, tabs, dropdowns,..
Updating LiveView Spring 2020 ed
Due to the hard work of the Phoenix LiveView team, there has been a lot of work done. However, there have been some breaking changes. For example ..
Multi-tenancy and Phoenix - Part 2
In the previous tutorial, I wrote how to set up multi-tenancy with Phoenix and Pow. In this tutorial, I will show how I scope resources the current ..
Multi-tenancy and authentication with Pow
I basically model every app with multi-tenancy in mind. It is way easier to do it while building than to implement it as an after thought. Also, P..