AlchemistCamp
I’m in the process of doing a series where I build a site for the new podcast I’ve recently started with Justin Vincent of Techzing.
It starts with LiveView version 0.4.0, but I do upgrade as the series goes on. It’s definitely easiest for you if you use the same versions I do and upgrade when I do!
You can follow the full YT playlist where I’ll add videos as I record them or look at the individual links to episodes as I add them to this thread.
Where Next?
Trending in Screencasts
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Master modern tools, write cleaner code, and tackle real-world challenges with Manning books, videos, and courses. Start building today.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #ai
- #ecto-query
- #elixirconf-us
- #blog-post
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #metaprogramming
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Producing high quality Elixir screencasts since 2017.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 10- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
AlchemistCamp
In the first episode, I just create a new Phoenix Project, add LiveView and make a single example page that shows the most recent key pressed.
AlchemistCamp
The second episode is all about planning out my DB schemas. I go over what I set up for Alchemist Camp itself, and how a simpler design will work for a podcast site that has fewer kinds of content and fewer social features.
If you just want to see the coding itself, you can skip this one.
AlchemistCamp
Next, I upgrade to LiveView v0.5.1. In the case of this app, it’s trivial and only
web.exandmix.exsneed to be changed.AlchemistCamp
In this one, I setup the socket session info add a CSRF helper and then extract the live template from a
~Lquoted string into its own.leexfile.AlchemistCamp
Using the results from the schema planning episode, I use Phoenix generators to scaffold out the schemas, contexts and other CRUD for the app.
AlchemistCamp
This episode, adds some PubSub functions to the Accounts Context for user-related LiveViews and then creates a LiveView for the index page.
AlchemistCamp
This episode converts the new users page and form into live views and shows LiveView and Phoenix form validations in action.
AlchemistCamp
This episode builds the live views and templates for the show and edit pages, fixes a few bugs and finishes converting users from traditional CRUD to LiveView.
AlchemistCamp
This episode handles upgrading LiveView from version 0.5.1 to 0.8.1, and getting both the main app and the throwaway
/fooroute working.AlchemistCamp
Episode 10 of the series is all about webpack, fonts, sass and styling the front-end. No LiveView in this one, but it’s useful if you ever want to add custom fonts and logos!