Listing Tutorials


Published 26 Sep - 2022

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..

Published 03 Sep - 2022
Updated 27 Sep - 2022

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..

Published 06 May - 2022

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...

Published 02 May - 2022

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..

Published 12 Feb - 2022

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..

Published 02 Feb - 2022

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..

Published 22 Oct - 2021

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 ..

Published 18 Oct - 2021

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..

Published 14 Oct - 2021

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..

Published 01 Jun - 2021

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 ..