Mastering Nuxt Blog

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

Articles

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

Server Middleware is an Anti-Pattern in Nuxt

Avoid using global server middleware in Nuxt—it hides logic flow and slows down your routes. Instead, use explicit utility functions for better performance and maintainability.

Michael Thiessen

Upgrading from Nuxt Content v2 to v3

Learn how to migrate your Nuxt blog from Nuxt Content v2 to v3 in this guide. Discover the key changes, updated APIs, and improved features like SQL-backed queries, collection-based content organization, and enhanced rendering components.

Charles Allotey

When to Use $fetch, useFetch, or useAsyncData in Nuxt: A Comprehensive Guide

Confused about when to use $fetch, useFetch, or useAsyncData in Nuxt? This guide breaks down their differences, best use cases, and common pitfalls to help you make the right choice for your project.

Michael Thiessen

Nuxt Layers for Theming

Nuxt layers make theming effortless by encapsulating styles, components, and configurations into modular layers that can be swapped with a single configuration change. This approach keeps your application clean, reusable, and flexible—allowing you to manage multiple themes seamlessly across projects.

Michael Thiessen

Nuxt Scripts: The Answer to Third-Party Scripts Chaos

Master third-party script management with Nuxt Scripts! Boost performance, enhance privacy, and simplify integrations.

Mostafa Said

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