Mastering Nuxt Blog

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

Articles

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

Exciting Nuxt Modules to improve your Workflow in 2025

Level up your Nuxt development in 2025 with these impactful modules. From automated image optimization to edge deployment, learn how these game-changing tools can streamline your workflow

Charles Allotey

Building a Custom Authentication System with JWT in Nuxt 3

Learn how to implement a robust JWT authentication system in Nuxt 3. This comprehensive guide covers project setup, login/signup functionality, protected routes, and state management with Pinia.

Charles Allotey

Layers: The Composition API Moment for Nuxt

Discover how the Composition API revolutionized Vue development, transforming how we write, organize, and share reactive logic. Learn how Nuxt's 'layers' feature follows a similar path, enhancing flexibility, reusability, and project structure.

Michael Thiessen

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