Episodes for phoenix

Learn how to integrate LangChain with Phoenix LiveView to generate AI-powered content that streams in real-time, giving your users instant feedback as the text appears character-by-character.

In this episode, we explore Tidewave, a browser-based AI coding agent with deep Phoenix integration. We’ll walk through installation, configuration, and see Tidewave’s powerful features in action, from point-and-click component selection to real-time error debugging.

In this episode we’ll learn how add a one-to-one relationship using Ecto schemas. We’ll generate migrations and schemas, set up proper associations with “has_one” and “belongs_to”, and create nested forms that handle both artist and profile data in a single submission.

In this episode, we’ll refactor our database to use a proper Artists table with database associations. You’ll learn how to set up “has_many” and “belongs_to” relationships in Phoenix, preventing duplicate artists and enabling more powerful queries.

Learn how to build a sleek, real-time search modal using Phoenix LiveView’s Portal component.

In this episode, we’ll explore how Phoenix 1.8 has simplified LiveView layouts by turning them into function components, making them more flexible and explicit.

In this episode, we learn how to use Phoenix LiveView 1.1’s colocated Hooks and colocated JavaScript features to easily add JavaScript functionality within our LiveView components.

Backpex is a customizable admin panel for Phoenix LiveView applications. In this episode, we’ll learn how to add Backpex to an application and create custom fields and filters.

In this episode, we’ll learn how to implement a drag-and-drop feature that uses Phoenix LiveView. When elements are dragged between lists we’ll update their properties to match the new list.