Engineering Blog

Engineering deep-dives from the SlashFeed team — Elixir, Phoenix, and how the product is built.

all a11y accessibility ai api architecture authentication automations beam blog boruta browserless build-in-public cassandra circuit-breaker claude cron css css-selectors databases debugging discovery dns dnsmasq documentation driver-js ecto elixir fido2 finch floki foreign-keys hammer headless-browser hmac hooks images javascript keyboard liveview llm markdown mcp media meta mfa migrations monitoring multi-tenancy nimble_publisher nimble_totp oauth2 oban oidc onboarding open-graph passkeys performance philosophy phoenix pkce podcasts postgres postgresql privoxy ranking rate-limiting rss scraping security seo svg syntax-highlighting tor totp upsert ux wax wcag webauthn webhooks xandra

Keyboard shortcuts in Phoenix LiveView — wiring j/k navigation the right way

How I added Gmail-style j/k/m/o keyboard navigation to SlashFeed's entry list using a single LiveView hook — covering the input guard, LiveView stream DOM IDs, the updated() lifecycle gotcha, and pushEvent as the server bridge.

Jul 2, 2026

elixir phoenix liveview javascript hooks keyboard ux

Building a product tour in Phoenix LiveView — without the usual headaches

How I built a four-layer onboarding system for SlashFeed using Driver.js, a single JSONB column, and an attach_hook trick that eliminated 34 boilerplate edits across every authenticated LiveView.

Jun 16, 2026

elixir phoenix liveview onboarding javascript driver-js ux

Subscribe via RSS