Screencasts for Elixir and Phoenix LiveView

Weekly Screencasts and Tutorials to help you learn Elixir and Phoenix LiveView in warp speed. Just bring out the 🍿 and sit back and relax.

See All Screencasts

Latest Screencasts


Realtime Dashboard LiveView

12. Realtime Dashboard LiveView
chart javascript liveview pubsub realtime

In this tutorial, learn how to build a real-time dashboard in Phoenix LiveView using Apex Charts. We create three dynamic charts: sales over time, d..

Watch Screencast

Realtime Charts in LiveView

11. Realtime Charts in LiveView
chart javascript liveview realtime

Building interactive, real-time charts in a Phoenix LiveView application can be challenging. The complexity of connecting JavaScript charting librar..

Watch Screencast

Sortable table with Sortable JS

10. Sortable table with Sortable JS
sortable table

Reordering items directly in the user interface is a feature that can greatly enhance the user experience in web applications. In this video, I'll w..

Watch Screencast

Building a ChatGPT Chatbot with Elixir and Phoenix LiveView

9. Building a ChatGPT Chatbot with Elixir and Phoenix LiveView
ai chatgpt liveview

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

Watch Screencast

Subdomain Routing

8. Subdomain Routing

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

Watch Screencast

In Place Edit with Phoenix LiveView

7. In Place Edit with Phoenix LiveView
contenteditable forms liveview

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

Watch Screencast

Latest Tutorials


Published 03 Apr

Set session values from LiveView

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

Published 18 Feb
Phoenix 1.7

Add user anonymization to Phoenix application

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. And not onl..

Published 16 Feb
Phoenix 1.7

In place edit with LiveView

A very common practice in web applications these days is to allow for inline editing of content. This is especially true when the value is a text fi..

Published 14 Feb

Inspect incoming webhooks with Phoenix LiveView

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

Published 14 Feb

Get started with Postgis and Ecto

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

Published 19 Nov - 2023

Generating Ical files with Phoenix and Swoosh

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