11 min
Jun 3, 2026
Nuxt 4 Mapbox: How to Add Interactive Maps with Mapbox GL JS
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.
Read article
Learn modern
web development
by building
Hands-on tutorials, open-source projects, and experiments. Follow along to learn Three.js, Nuxt, and TypeScript patterns.
30+
Tutorials
100%
Open Source
Gothenburg, SE
About
Hi, I'm Marcus
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.
Vue / Nuxt TypeScript Three.js Firebase
Latest
Articles & Tutorials
Stay up to date with modern web technology. Deep dives, practical guides, and hands-on projects.
9 min
Dec 17, 2025
Nuxt 4 - Deploy with PM2 and Nginx (No Docker)
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.
Read article
12 min
Dec 9, 2025
Build a Mini UI Library and Docs Site with Nuxt 4 + TypeScript + Tailwind
Create a shareable Nuxt Layer UI kit and a docs site powered by @nuxt/content and Tailwind CSS. We use Nuxt 4 Layers, typed app config, and a pnpm workspace for a smooth DX.
Read article
12 min
Nov 23, 2025
City Scavenger Hunt: Geohints and Checkpoints with Nuxt 4 + TypeScript + Mapbox
Build a GPS-powered scavenger hunt with geohints, geofenced checkpoints, and gorgeous 3D maps using Nuxt 4, TypeScript, and Mapbox GL JS v3.
Read article
12 min
Nov 17, 2025
Collaborative Whiteboard with Presence using Nuxt 4 + TypeScript + Firebase
Build a real-time collaborative whiteboard with multi-user presence, cursors, and offline cache using Nuxt 4, TypeScript, Firestore (persistentLocalCache), and Realtime Database.
Read article
9 min
Nov 27, 2025
Community Heatmap of Favorite Spots in Nuxt 4 + TypeScript + Mapbox
Build a real-time community heatmap of favorite spots using Nuxt 4, TypeScript, Mapbox GL JS v3, and Firebase.
Read article