Home /Articles
Archive

Articles & Tutorials

Deep dives into modern web development. Practical guides, hands-on projects, and real-world patterns.

38 articles
Showing 10-18 of 38
Vue 3 (Vite) - Deploy with Docker Compose and Nginx
6 min
Oct 7, 2025

Vue 3 (Vite) - Deploy with Docker Compose and Nginx

A step-by-step guide to set up and deploy a Vue 3 (Vite) application using Docker Compose and Nginx.

Read article
Nuxt 4 - Turn Your App into a PWA with @vite-pwa/nuxt
6 min
Oct 7, 2025

Nuxt 4 - Turn Your App into a PWA with @vite-pwa/nuxt

Tutorial on how to turn a Nuxt 4 app into a Progressive Web App (PWA) using @vite-pwa/nuxt.

Read article
Nuxt 3 - Turn Your App into a PWA with @vite-pwa/nuxt
7 min
Oct 7, 2025

Nuxt 3 - Turn Your App into a PWA with @vite-pwa/nuxt

Tutorial on how to turn a Nuxt 3 app into a Progressive Web App (PWA) using @vite-pwa/nuxt.

Read article
Nuxt 3 - Deploy with Docker Compose and Nginx.
6 min
Oct 7, 2025

Nuxt 3 - Deploy with Docker Compose and Nginx.

Tutorial on how to deploy a Nuxt 3 application with docker compose and nginx.

Read article
Google Maps / Three.js - Add 3D objects to a Google Vector Map.
10 min
Oct 7, 2025

Google Maps / Three.js - Add 3D objects to a Google Vector Map.

In this tutorial you will learn how to add gltf assets to a google maps application with three.js.

Read article
Nuxt 4 + Three.js WebGPU — Build a Real-Time Particle Galaxy
10 min
Nov 16, 2025

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.

Read article
Nuxt 4 + Three.js WebGPU: Ship a Next‑Gen 3D Scene with WebGL Fallback
8 min
Nov 16, 2025

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.

Read article
Collaborative Whiteboard with Presence using Nuxt 4 + TypeScript + Firebase
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
Interactive 3D Data Globe (Airports and Routes) using Nuxt 4 + TypeScript + Three.js
14 min
Nov 17, 2025

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.

Read article
M
marcusn.dev

A place to document my coding journey and share projects that hopefully inspire or teach something new.

Get in touch

Have a project in mind or just want to say hi? Feel free to reach out.

marcus89n@gmail.com

© 2026 marcusn.dev. All rights reserved.

Built with Nuxt, Vue & Tailwind