FullstackPhoenix Posts & Tutorials

One of the nicest features in the new Phoenix 1.7 is the verified routes.

If you run a web application with users in production, you have surely had the need to run a task that changes the database for one or more users.

A very common user interface pattern on the web is to have sortable elements.

This tutorial came up as a way to style an email sendout with Tailwind classes.The reason I want to do this is that styling emails is a pain and I use Tailwind every day and that makes me really productive.

With the latest Phoenix LiveView 0.18 release it has finally become time to revisit components.

In this tutorial, I will go through how you can add html redirects to your Phoenix application.

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.

In most applications you have some page specific javascript that is only used in one or just a few pages.

A common need in web apps is to export data to different file formats.

In a previous tutorial, I showed how to add Stripe checkout in a Phoenix application.

In this post, I want to show you how to leverage cache in Phoenix LiveView to avoid hitting the database twice when mounting a LiveView page.

On this website, I do have some content and I plan to write some more.

Sooner or later there comes a time when you want to deploy your Phoenix application.

To display a static table on webpage that contains a lot of data is a pretty bad user experience.

In this tutorial I want to show you how to get started with screen scrapinng data from a website with Elixir and Floki.

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 JSONB with an embedded schema.

In this tutorial, I want to go through how to build a custom select field that is used in Tailwind UI.

Oban has proven itself to be the most versatile job processing library in Elixir and Phoenix.

No matter how great Phoenix LiveView is, there is still some use case for sprinking some JS in your app to improve UX.

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

Ecto it the database wrapper for mainly Postgresql.

In this tutorial, I have a list of customers.

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

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

Fuzzy find is both a simple and a complex thing.

A lot of apps have some sort of notification on if users are online or not.

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

Many web apps have both a web interface and an Json api.

To reduce duplicity and complexity in your apps, Phoenix LiveView comes with the possibility to use reusable components.

Eventually when your site reach a certain maturity, you look into ways to refactor the code.

Waffle is the file upload library that is forked from Arc and works much in the same way.

I have started a new project.

Tired of all nodemodules folders taking up gigabytes of hard drive space?

As in the case with Rails, Phoenix also has protection against cross site request forgery (crfs).

Due to the hard work of the Phoenix LiveView team, there has been a lot of work done.

In the previous tutorial, I wrote how to set up multi-tenancy with Phoenix and Pow.

I basically model every app with multi-tenancy in mind.

There are times when you need to spawn a background process for a longer running task.

Each LiveView on each tab spawns a separate state.

Updated for Phoenix 1.7.

Unless you already didn't know, when a LieView component is mounted on a page, it runs the mount/2 function twice.

In the previous tutorial I set up the tagging interface.

In the previous tutorial, I set up the the backend for being able to add tags to products.

I want to add tags to products.

PostgreSQL has native support for objects stored as JSON as actually binary JSON (or JSONB).

I my last article, I set up a relationship between products and variants.

Something I do in EVERY project is to setup some sort of relation between resources.

In certain scenarios, it doesnt really make sense to use LiveView.

Let say you app uses a javascript library that needs to interact with your app.