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..
Scraping data with Elixir and Floki
In this tutorial I want to show you how to get started with screen scrapinng data from a website with Elixir and Floki. The page I want to scrape co..
How to use Phoenix forms for embedded schema and JSONB
In this tutorial, I want to show you how you can setup form that stores the data in partly the columns in a database but also some of the fields in ..