Articles & tutorials
Deep dives into modern web development — practical guides, hands-on projects and real-world patterns.
19–27 of 47
14 minMultiplayer 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).
Read article
12 minPhoto Micro‑blog with Auth, Storage, and Rules using Nuxt 4 + TypeScript + Firebase
Build a tiny Instagram‑style photo micro‑blog with Google Sign‑In, secure Storage uploads, and strict Security Rules using Nuxt 4, TypeScript, and Firebase v11.
Read article
10 minReal‑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.
Read article
12 minServerless Link Shortener with Click Analytics in Nuxt 4 + TypeScript + Firebase
Build a production-grade short link service with 302 redirects, atomic counters, and privacy-friendly click analytics using Firebase Functions v2 and Firestore.
Read article
12 minLive Trivia Quiz and Leaderboard using Nuxt 4 + TypeScript + Firebase
Build a real-time trivia game with Nuxt 4, TypeScript, and Firebase using Firestore listeners, Auth (anonymous), App Check with reCAPTCHA Enterprise, and a server-side tally with Cloud Functions v2.
Read article
12 minCity 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 minPersonal Travel Journal with Pins and Path Replay using Nuxt 4 + TypeScript + Mapbox
Build a geo-powered travel journal with tappable pins, offline-safe storage, and animated route replay using Nuxt 4, TypeScript, and Mapbox GL JS v3’s new line-trim-offset API.
Read article
9 minCommunity 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
10 minRun Route Planner with Elevation Profiles in Nuxt 4 + TypeScript + Mapbox
Build a runner-friendly route planner with real-time elevation profiles using Nuxt 4, Mapbox GL JS v3 terrain, and the Directions API.
Read article