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..
CSV Export with Phoenix and LiveView
A common need in web apps is to export data to different file formats. One common, or even maybe the most common format, is exporting CSV files. CSV..
How to add a Coinbase crypto checkout to your Phoenix site
In a previous tutorial, I showed how to add Stripe checkout in a Phoenix application. If you however want to accept Bitcoin, Etherium or any other c..
Step by step guide to deploy Phoenix 1.6 with LiveView and Tailwind on Render
Sooner or later there comes a time when you want to deploy your Phoenix application. Render is a great PAAS service that offer easy deplyment for a ..
Building a datatable in Phoenix LiveView
To display a static table on webpage that contains a lot of data is a pretty bad user experience. There are popular javascript libraries that implem..