All tutorials.

How to setup recurring jobs with Oban in Elixir

Oban has proven itself to be the most versatile job processing library in Elixir and Phoenix. Coming from Sidekiq, it feels very familiar an…

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, dr…

Phoenix 1.8 and Bootstrap 5

Even though a large part of the Phoenix community seem to embrace Tailwind, there are still a lot that prefer Bootstrap CSS framework. And w…

Getting Started with Phoenix and LiveView

Add bulk actions in Phoenix LiveView

In this tutorial, I have a list of customers. One common feature for a table of records is to perform some sort of bulk actions. As an examp…

Setup Stripe with Phoenix LiveView

In this tutorial, I will go through how I setup Stripe payments with Phoenix and LiveView to make your app prepared for accepting payments.…

Table sorting with Ecto and LiveView

A very common or even mandatory feature in e-commerce stores is the ability to sort a list of products by attributes. This is easy enough an…

Fuzzy find with Ecto in Phoenix LiveView

Fuzzy find is both a simple and a complex thing. Even though though it's simple to implement, its hard to get right from a UX perspective. L…

Phoenix Presence with Phoenix LiveView

A lot of apps have some sort of notification on if users are online or not. Phoenix makes it easy to build that with the built in Phoenix Pr…

Getting started with GraphQL and Absinthe in Phoenix

In the last tutorial, there I had an app with a simple rest api that was authenticated with Guardian and Json Web Token. In this tutorial, I…