Mastering Nuxt Blog

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

Articles

A Deep Dive Into How Nuxt Route Transitions Work

Have you ever wondered how route transitions with `NuxtLink` and `NuxtPage` work? Maybe not, but that’s where I found myself today. So I did a deep dive into the Nuxt source code so I could understand it all. Now that I’ve gone down the rabbit hole and come back up again, I thought I’d share with you what I learned.

Michael Thiessen

Understanding useState in Nuxt: The Simple Way to Share State

Need a simple shared state management solution for your Nuxt app? In this article, explore `useState` : Nuxt’s built-in composable for shared reactive data that works seamlessly with SSR.

Charles Allotey

Exploring the Nuxt MCP Server

Tired of outdated AI suggestions for your Nuxt project? Nuxt and Nuxt UI MCP servers give your AI assistant direct access to current Nuxt docs and Nuxt UI component information. Our latest article dives into why you need these MCP servers and how to set them up.

Charles Allotey

Nuxt Environment Overrides: Clean Config for Every Environment

Learn how to manage multiple environment configs in Nuxt with ease. From development to staging and production, streamline your setup with powerful Nuxt tools.

Michael Thiessen

Building a Realtime Chat Application with Nuxt and Socket.IO

Socket.IO is a powerful tool for building applications that demand instant communication. In this article, you’ll learn how to create a real-time community chat application using Nuxt 4 and Socket.IO, exploring everything from WebSocket connections to simple user management and beyond.

Charles Allotey

Vercel Acquired NuxtLabs: What This Means for the Future of Nuxt

Vercel's acquisition of NuxtLabs has major implications for the Nuxt ecosystem, from faster development to deeper platform integrations. This article breaks down what really happened, what it means for developers, and why the future of Nuxt remains both promising and worth watching closely.

Michael Thiessen

How NuxtErrorBoundary Works

Learn how the NuxtErrorBoundary component in Nuxt 3 works under the hood to gracefully handle client-side errors. This deep dive explores its powerful features, source code, and practical use cases to help you write more resilient Vue apps.

Michael Thiessen

Building API Routes with Nuxt 3's Nitro Server

Learn to build powerful API routes with Nuxt 3's Nitro server. Complete guide covering CRUD operations, authentication, file uploads, and production deployment.

Charles Allotey

Building a Blog with Nuxt Content (Part 4): Powering your blog with SEO

SEO is essential to a blog's success. In Part 4 of our Nuxt Content series, we explore how to boost your blog's visibility with powerful SEO techniques using Nuxt 3, the Nuxt SEO module and more.

Charles Allotey

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

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