zac
Wondering if anyone has figured out exactly how to replace the Ash Authentication magic link landing page (the one a user gets after clicking their magic link email)?
I found this cryptic note in the Magic Link tutorial:
You probably don’t want to serve this page to users in production. You can work around this by placing your own page at the same path before it in the router, or changing the email link to a different URL.
Unfortunately the “see also” link is pretty useless (no docs there, really), and the MagicSignInLive page and overrides guide don’t really address this specific question.
After perusing the source, it looks like the intention is for me to:
- Write my own
AshAuthentication.Phoenix.MagicSignInLive(which seems pretty straightforward), - And then reuse
AshAuthentication.Phoenix.Components.MagicLink.SignIn(or make something like it) to generate the required interaction button on said page (unless… this is for the sign-in button on the login page… err…, - And somehow inject it into the target landing URL (not clear on how to do that, e.g., “placing your own page at the same path before it in the router, or changing the email link,” but not clear how to do that).
Would be great if someone has done this and could post a little detail so I don’t end up going down the wrong path. 
Ultimately, what I’m after is wrapping the page in my root layout (header, menu, etc.) and put a bit of “Welcome back!” style text on the page.
Ideally… Seems ideal if we had a component that would just render the button, and could add that to any page of our own design. Hm. Well, maybe that’s essentially what I could extract from MagicSignInLive if I can figure it out…
Where Next?
Trending in Questions
Other Trending Topics
Latest Ash Threads
Latest on Elixir Forum
Sponsor Spotlight
Bringing learning, work and compliance together since 1987.
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.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Elixir, Erlang & BEAM conferences from Code Sync - join us in 2026!
Master modern tools, write cleaner code, and tackle real-world challenges.
Bringing learning, work and compliance together since 1987.
**Building the future of software with AI, trust, and human connection.**
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 1- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
weljoda
Hi there!
I know this thread is a few months old, but I just stumbled upon it while solving the exact same issue. I wanted to customize the landing page to integrate it into my app layout, show a “Welcome back, [Name]” message, and handle both login and registration on that same page.
I figured out how to override the route and build a custom LiveView that handles the token verification and form submission manually.
I wrote a blog post detailing the steps (including the router override and the LiveView code): Ash Authentication - Customize Magic Link (Part 1) - Coding.Individuals
Ideally, this helps anyone else looking for a concrete example of how to implement a custom magic link sign-in.