Hands-on tutorials, open-source projects, and experiments. Follow along to learn Three.js, Nuxt, and TypeScript patterns.
I'm a web developer, freelancer, former e-sports professional and digital creator from Gothenburg, Sweden.
I created this website as a place to document my coding journey and to share fun coding projects that hopefully will inspire you or teach you something new.
Stay up to date with modern web technology. Deep dives, practical guides, and hands-on projects.
Build a Nuxt 4 app where an LLM cannot invent a coordinate: Zod tool schemas in the shared/ folder, Mapbox geocoding and directions running server-side, and a map that redraws itself from the streamed tool results.
Ship real passkey authentication on a plain Nuxt 4 server: nuxt-auth-utils for the WebAuthn ceremony, Nitro's built-in db0 SQL layer for users and credentials, sealed cookie sessions, and the rpID gotchas that only appear once you put nginx in front.
Build a self-hosted realtime app with no third-party backend: Nitro WebSockets for the transport, Nuxt 4 shared types for one contract on both sides, Pinia for derived client state, and useStorage as a swappable persistence seam.
Build a Nuxt 4 backend where the database schema is the only source of truth: Drizzle for the tables, drizzle-zod to derive request validators from them, h3 validated handlers at every edge, and Nitro tasks for scheduled background work.
Learn how to use Mapbox with Nuxt 4. Add interactive Mapbox GL JS maps, markers, popups and GeoJSON layers in a Nuxt 4 + TypeScript app, step by step.
Production-ready Nuxt 4 deployment on a Linux server using PM2 and Nginx. Zero-downtime reloads, SSL with Certbot, logs, and best practices—no Docker required.