Published 13 May
How to create a custom select with Alpine JS and Phoenix LiveViewliveviewalpinejsforms
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..
Published 04 May
How to combine Phoenix LiveView with Alpine.jstailwindphoenixliveviewalpinejs
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, dropdowns,..
Published 26 Dec - 2020
Bootstrap 5 and Phoenix LiveViewbootstrapformsmodalliveview
Even though a large part of the Phoenix community seem to embrace Tailwind, there are still a lot that prefer Bootstrap CSS framework. And with Boos..
Published 23 Dec - 2020
Getting Started with Phoenix and LiveViewliveviewphoenix
This guide to getting started with Phoenix covers getting up and running with Elixir and Phoenix. This is a direct conversion of the Getting started..
Published 09 Nov - 2020
Add bulk actions in Phoenix LiveViewtablebulkliveview
In this tutorial, I have a list of products. One common feature for a table of records is to perform some sort of bulk actions. As an example in thi..
Published 23 Sep - 2020
Setup Stripe with Phoenix LiveViewstripeliveviewpaymentsforms
In this tutorial, I will go through how I setup Stripe payments with Phoenix and LiveView to make your app prepared for accepting payments. The tuto..
Published 02 Sep - 2020
Table sorting with Ecto and LiveViewsortingectoliveview
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 and a good..
Published 31 Aug - 2020
Fuzzy find with Ecto in Phoenix LiveViewectoliveviewfuzzyseachsearch
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. Luckily, ..
Published 07 Aug - 2020
Phoenix Presence with Phoenix LiveViewpresenceliveview
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 Presence. ..