Articles & tutorials
Deep dives into modern web development — practical guides, hands-on projects and real-world patterns.
28–36 of 47
9 minThemeable Portfolio Generator with Nuxt 4 + TypeScript + Tailwind
Build a themeable, statically pre-rendered portfolio generator in Nuxt 4 using TypeScript, Tailwind CSS with CSS variables, and @nuxtjs/color-mode.
Read article
9 minCSS Art Playground powered by Utility Classes: Nuxt 4 + TypeScript + Tailwind
Build an interactive CSS Art Playground that composes shapes, gradients, and effects using Tailwind utility classes in a Nuxt 4 + TypeScript app. Share states, copy markup, and explore creative CSS utilities.
Read article
12 minBuild 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 minMulti‑Tenant Landing Page Builder in Nuxt 4 + TypeScript + Tailwind
Build a multi‑tenant landing page builder with per‑domain theming, dynamic content blocks, and ISR using Nuxt 4, TypeScript, Tailwind, and Nitro storage.
Read article
9 minNuxt 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 minOffline Recipe Box with Sync and Install using Nuxt 4 + TypeScript + PWA
Build an installable offline-first Recipe Box with background-safe sync using Nuxt 4, TypeScript, IndexedDB, Firebase, and @vite-pwa/nuxt.
Read article
12 minManga/Comic Reader with Smart Caching in Nuxt 4 + TypeScript + PWA
Build an offline-first Manga/Comic reader in Nuxt 4 with TypeScript and @vite-pwa/nuxt. Smart caching for chapters and images, update prompts, and background sync for reading progress.
Read article
12 minShip Your Web Game to Android: Nuxt 4 + TypeScript + TWA
Package a Nuxt 4 web game as a native Android app using Trusted Web Activity (TWA) and ship it to the Play Store.
Read article
8 minOne‑Click Deploy of a Side‑Project with Nuxt 4 + TypeScript + Docker
Ship your Nuxt 4 app to a VPS with a single GitHub Action click using a tiny multi‑stage Docker image and Compose.
Read article