Mastering Nuxt Blog

Discover the latest Nuxt tips & tricks, industry news, and best practices.

Articles

10 Hidden Configuration Gems to Supercharge your Nuxtapp

Discover 10 powerful Nuxt configuration options that most developers overlook. Learn advanced techniques for custom aliases, hybrid rendering, component islands, build optimization, and performance monitoring to supercharge your Vue.js applications.

Charles Allotey

Nitro v3: What’s Coming with Nuxt 5

Heads-up! Nitro v3 is still under active development. The features and APIs discussed here can change before the final release. Nuxt 5 will ship with Nitro v3 once it's stable.

Michael Thiessen

Master Nuxt 4 From Day One: No Waiting, No Outdated Content

Be first to master Nuxt 4 with the fully updated Mastering Nuxt 2025 Edition, launching just weeks after Nuxt 4’s stable release in July. Learn future-proof patterns, modern features, and production-ready techniques while others are still catching up.

Michael Thiessen

Automatically Generate AI Chat Titles with Animation in Nuxt

Learn how to use AI to automatically generate catchy, three-word chat titles based on the first user message in your Nuxt app. Add polish and personality with a smooth typewriter animation for an engaging user experience.

Michael Thiessen

Installing Tailwind CSS v4 on Nuxt 3

Tailwind CSS v4 is here with a complete framework redesign, bringing enhanced performance and flexibility. In this article, you’ll learn how to install and configure Tailwind v4 in your Nuxt 3 project with a clear, step-by-step guide.

Charles Allotey

Server Routes in Nuxt

Learn how to create full backend APIs within the Nuxt 3 framework using server routes. This guide covers endpoint creation, request handling, response types, and the underlying technologies like Nitro and h3.

Michael Thiessen

Mastering Custom Themes in Nuxt UI

Learn how to create a custom theme in Nuxt UI using Tailwind CSS v4, from fonts and dark mode to color tokens and component-level styling. This guide walks you through building a fully branded design system with token-based theming and minimal configuration.

Michael Thiessen

Nuxt’s Data Layer Has Been Rewritten: 5 New Features You Need to Know

Discover the completely rewritten data fetching layer in Nuxt 3.17 featuring reactive keys, deduped watch calls, shared refs, granular caching, and improved developer experience. Learn how these performance enhancements make useAsyncData more powerful for your Vue applications.

Michael Thiessen

Building Complex animations in Nuxt with GSAP

Animations add that wow factor to your application’s user experience. In this article, let’s explore creating some complex animations with GreenSock Animation Platform in Nuxt.

Charles Allotey

Generating a Dynamic Sitemap in Nuxt 3

Sitemaps are very essential to improving SEO and in this article, explore how to create a dynamic sitemap for your Nuxt 3 project. Handles both static and dynamic routes with ease.

Charles Allotey

Previous Next

The Mastering Nuxt FullStack Unleashed Course is here!

Get notified when we release new tutorials, lessons, and other expert Nuxt content.

Click here to view course

Follow MasteringNuxt on