Learn how to Code
with Marcus Nilsson.
Welcome to my personal website. I use this website as a place to document my coding journey and to write technical tutorials about interesting things that i have learned along the way. In the tutorial section you can find free step by step guides on fun coding projects such as How to Create Lava Lamp Visuals and How to Visualize GeoJson data onto a 3D Globe using modern web technology.
Hi, i'm Marcus
I’m a father, 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.
Latest Articles
Find tutorials and guides for all things web related.
Stay up to date with modern web technology. Learn new things and up your game!
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.
Interactive 3D Data Globe (Airports and Routes) using Nuxt 4 + TypeScript + Three.js
Build a smooth, interactive 3D globe that visualizes airports and routes with Nuxt 4, TypeScript, and Three.js — complete with instancing, orbit controls, and raycasting tooltips.
Multiplayer Tic‑Tac‑Toe with Matchmaking via Nuxt 4 + TypeScript + Firebase
Build a real‑time, two‑player Tic‑Tac‑Toe with one‑click matchmaking using Nuxt 4, TypeScript, and Firebase (Firestore + Auth).
Nuxt 4 + Three.js WebGPU — Build a Real-Time Particle Galaxy
Use Three.js’ new WebGPURenderer in a Nuxt 4 + TypeScript app to render a million-particle galaxy with a seamless WebGL fallback.
Nuxt 4 + Three.js WebGPU: Ship a Next‑Gen 3D Scene with WebGL Fallback
Build a WebGPU‑powered Three.js scene in Nuxt 4 with a clean WebGL fallback, using TypeScript and client‑only hydration.
Real‑Time Chat with Reactions and Threads in Nuxt 4 + TypeScript + Firebase
Build a production‑ready, real‑time chat with emoji reactions and threaded replies using Nuxt 4, TypeScript, and Firebase (v10) Firestore with multi‑tab persistent cache.