Fullstack Phoenix - Tutorials and screencasts for Elixir, Phoenix and LiveView

FullstackPhoenix

Phoenix Boilerplates Tutorials Quick Tips SAAS Starter Kit Learn Stripe Subscriptions

Phoenix Boilerplates Tutorials Quick Tips SAAS Starter Kit Twitter

Listing Tutorials

Published 26 Dec - 2020 - Updated 01 Oct - 2021

Bootstrap 5 and Phoenix LiveView

bootstrapformsmodalliveviewesbuildphoenix-1.6

This tutorial is updated for Phoenix 1.6 with Esbuild Even though a large part of the Phoenix community seem to embrace Tailwind, there are still a..

Published 11 Jul - 2020 - Updated 22 May - 2021

Create a reusable modal with LiveView Component

liveviewmodalphoenixtailwindalpinejs

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

Published 01 Feb - 2020 - Updated 01 May - 2020

Create a Bootstrap Like Modal with Tailwind and Alpine.js

alpinejsbootstrapmodaltailwind

In certain scenarios, it doesnt really make sense to use LiveView. That can be toggling dropdowns, tabs, accordions and opening modals. There is a g..