Listing Tutorials

Published 03 Sep - 2022
Updated 27 Mar

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
Updated 27 Mar

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
Updated 27 Mar

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
Updated 27 Mar

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
Updated 27 Mar

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
Updated 27 Mar

Step by step guide to deploy Phoenix 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
Updated 27 Mar

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
Updated 27 Mar

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
Updated 27 Mar

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

Published 13 May - 2021
Updated 27 Mar

How to create a custom select with Alpine JS and Phoenix LiveView

In this tutorial, I want to go through how to build a custom select field that is used in Tailwind UI. And I will build it with Alpine JS and Phoeni..