In this episode of the Elixir Mentor Podcast, I'm joined by Miguel Camba, a Senior Engineer at DockYard and key contributor to Beacon CMS. Miguel dives deep into the development of Beacon's visual editor, a powerful feature that bridges the gap between developers and content creators. We explore how the team leveraged Phoenix LiveView and JavaScript to build an intuitive, real-time editing experience while maintaining Beacon's commitment to performance. Miguel shares fascinating technical insights about implementing drag-and-drop functionality, handling real-time previews, and managing state across complex visual editing operations. Our conversation covers the challenges of building a modern page builder in Elixir, the architectural decisions that shaped the editor's design, and how it fits into Beacon's vision of making content management more accessible. This episode provides valuable perspectives for developers interested in building sophisticated browser-based tools with Phoenix LiveView and the future of visual editing in the Elixir ecosystem. #ElixirLang #BeaconCMS #PhoenixLiveView #DockYard #webdevelopment Connect with Miguel: X: https://x.com/MiguelCamba BeaconCMS GitHub: https://github.com/BeaconCMS SUPPORT ELIXIR MENTOR 🌐 My website: https://elixirmentor.com/ 🎙 Check out my podcast: https://www.hiredgunapps.com/podcast 🆘 NEED HELP?? Join the Discord Server: https://discord.gg/HcnjPsWATg 🔗 All my Links: https://linktr.ee/jacob_luetzow