FullstackPhoenix Posts & Tutorials

In the previous tutorial, we built an automatic activity tracking system that records events whenever a tracked schema is inserted, updated, or deleted.

Most SaaS apps need some form of activity tracking — who did what and when.

Traditional pagination works fine, but sometimes you want something smoother.

You'll learn how to implement scheduled deletion of records in Phoenix/Elixir by updating your database schema, context, and LiveView components to handle a delayed delete operation.

In Phoenix 1.8, the built-in modal component was removed.

This tutorial demonstrates how to refactor an update event in a Phoenix/Elixir application by importing the latest commit.

Build a complete profile image upload system in Phoenix using LiveView and S3 storage.

Learn how to build an MCP (Model Context Protocol) server in Phoenix using Elixir and Hermes to give AI agents direct access to your application data.

Learn to build real-time user presence tracking in Phoenix LiveView applications.

In this video, we're going to tackle something that comes up with virtually every new Phoenix application - customizing how the layouts work.

Set up Playwright browser testing in Phoenix LiveView applications.

Learn how to add images to your Phoenix LiveView AirBnB clone by implementing image schemas, database migrations, and Ecto associations.

Learn how to build an Airbnb clone with Phoenix LiveView by creating database schemas, implementing constraints, and displaying property listings efficiently with LiveView streams.

Learn how to build an Airbnb clone using Phoenix LiveView.

Learn how to add a secure GraphQL API to your Phoenix application using Absinthe.

Learn how to implement JWT authentication in Phoenix, allowing users to access both web and API interfaces with the same credentials.

Learn how to track version changes in your Elixir Phoenix projects with PaperTrail.

Learn how to create an XML sitemap in your Elixir Phoenix application step by step.

Learn how to import CSV files into Phoenix LiveView with ease.

Implement user referral tracking in your Phoenix LiveView application.

Boost your Phoenix application's security by implementing rate limiting with the Hammer library.

Learn how to implement advanced fuzzy search functionality in your Phoenix LiveView application using Ecto.

In this video, we're going to build a dynamic typeahead component in Phoenix LiveView that fetches real-time suggestions based on user input.

Learn how to enhance your Phoenix web application by integrating the open-source Bootstrap icon package as an alternative to the default Heroicons.

Learn how to build a fully functional, reusable combobox component in Phoenix LiveView inspired by Headless UI.

In this video, I demonstrate how to add a full-page loading spinner to your Elixir Phoenix LiveView application using async functions.

Learn how to implement a customizable CSV export feature in your Elixir Phoenix application using LiveView.

In this tutorial, learn how to build a real-time dashboard in Phoenix LiveView using Apex Charts.

Building interactive, real-time charts in a Phoenix LiveView application can be challenging.

Reordering items directly in the user interface is a feature that can greatly enhance the user experience in web applications.

In this tutorial, I will go through the process of integrating ChatGPT with an Elixir backend, using Phoenix LiveView for real-time updates.

A common feature in larger web applications, especially SaaS platforms, is the ability to handle different subdomains with separate routing.

Inline editing is a common feature in modern web applications, allowing users to edit content directly on the page without navigating to a separate form.

In most web applications, there's a need to store session values for users, especially for things like authentication tokens, current user IDs, or preferences like language settings or dark mode.

A step by step tutorial in switching from traditional modals to a sleek off-canvas menu with Phoenix LiveView.

In the example application that I am working with, It would be nice if I could quickly navigate between the records I have in the database without going back to the index page.

At some point, your application will grow to a size where it starts to make sense to apply caching for some parts of it.

In this video, we’re adding two-factor authentication with QR codes and an authenticator app to your Phoenix application.

In this video, we will enhance the user experience by implementing an auto-clear functionality for flash messages.

Working with session data can significantly improve the feel of web applications, making interactions feel more connected and dynamic.

When you are running a web application or service that has users, you will at some point deal with users that want to leave the service.

A very common practice in web applications these days is to allow for inline editing of content.

In the ever-evolving world of web development, mastering the art of inspecting incoming webhooks is crucial for a seamless development experience.

If you're looking to enhance your Phoenix application with geographical data handling capabilities, PostGIS is an indispensable tool you'll want to consider.

At some point, most apps need to send calendar events and you have probably noticed that there is a standard that all major calendar applications work with.

Charts is a core part in any web application that displays data in any way.

In this tutorial, I will go through how to upload and import a CSV file with Phoenix LiveView and, show how easy it is to preview the imports before actually storing them in the database.

In this tutorial, we will walk you through how to implement HTML emails in the Phoenix web framework using Swoosh and Premailex.

Unless you have been living under a rock the last six months, you haven’t missed the the news about OpenAI's ChatGPT and its extremely cool text comprehension and text generation features.

In this tutorial, we will discuss a common problem faced in Elixir applications related to handling and storing formatted amount fields in a database.