Learn Elixir and Phoenix LiveView
Tutorials and courses to help you learn in warp speed.
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..
Implement HTML redirects with phoenix plug
In this tutorial, I will go through how you can add html redirects to your Phoenix application. The goal is to have a CRUD interface in my admin whe..
Teams Feature with Phx.Gen.Auth
A very common feature in web applications, especially SAAS applications are the concept of teams where a user can have and belong to multiple teams...
LiveView and page specific javascript
In most applications you have some page specific javascript that is only used in one or just a few pages. The solution for this is to either setup..
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..
Implement HTML redirects with phoenix plug
In this tutorial, I will go through how you can add html redirects to your Phoenix application. The goal is to have a CRUD interface in my admin whe..
Teams Feature with Phx.Gen.Auth
A very common feature in web applications, especially SAAS applications are the concept of teams where a user can have and belong to multiple teams...
LiveView and page specific javascript
In most applications you have some page specific javascript that is only used in one or just a few pages. The solution for this is to either setup..
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..
Setup a supervised background task in Phoenix
There are times when you need to spawn a background process for a longer running task. And especially if you are interacting with an external system..
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..
Setup a supervised background task in Phoenix
There are times when you need to spawn a background process for a longer running task. And especially if you are interacting with an external system..