Mastering Nuxt Blog

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

Articles

10 of the Best Nuxt 3 Tutorials

This article is compilation of 10 amazing tutorials to help you get started with Nuxt 3 or help you on your Nuxt 3 journey.

Michael Thiessen

Dynamic Pages and Route Params in Nuxt 3

Nuxt 3 routing builds on the functionality of Nuxt 2 by giving you more ways than ever before to express your dynamic routes. Get more information on new features as well as what got dropped!

Josh Deltener

How to Use Error Handling to Create Rock Solid Nuxt Apps

This article explores preventing user frustrations in your Nuxt 3 application by building rock solid applications through error handling.

Michael Thiessen

Handling Errors in Nuxt 3

This article explores errors you may face in building your Nuxt 3 application, and how you can handle these errors to make your application rock solid.

Michael Thiessen

Custom Error Pages in Nuxt 3

This article dives into how to create a custom error page for Nuxt 3 applications to replace Nuxt 3's built in error page.

Michael Thiessen

24 Articles for Learning Nuxt 3

Tutorials and reading articles are a great way to pick up knowledge. This article is a compilation of 24 useful articles to learn Nuxt 3

Michael Thiessen

6 People to Follow in the Nuxt Community

This article will highlight a few people in the Nuxt community that are worth following to learn more about Nuxt and to stay connected with what’s going on in the community and ecosystem

Michael Thiessen

24 Time Saving Tips for Nuxt 3

Nuxt has so many amazing features. This article is a compilation of 24 tips to help you save time and write better Nuxt apps.

Michael Thiessen

Prisma with Nuxt 3: Modifying Data with Prisma (5 of 5)

This is the final article in a series dedicated to showing you how to use Prisma in your Nuxt 3 app and will look at modifying your data.

Michael Thiessen

Prisma with Nuxt 3: Getting Data with Prisma (4 of 5)

This is the fourth article in a series dedicated to showing you how to use Prisma to manage your databases in your Nuxt 3 app and will look at fetching data from database and working with your data.

Michael Thiessen

Prisma with Nuxt 3: Seeding the Database with Dummy Data (3 of 5)

This is the third article in a series dedicated to showing you how to use Prisma in your Nuxt 3 app and will look at generating your prisma client, updating database and adding data.

Michael Thiessen

Prisma with Nuxt 3: Creating the Prisma Schema (2 of 5)

This is the second article in a series dedicated to showing you how to use Prisma in your Nuxt 3 app and will look at creating your Prisma Schema.

Michael Thiessen

Prisma with Nuxt 3: Setting Up Prisma (with Supabase) (1 of 5)

This is the first article in a series dedicated to showing you how to use Prisma to manage your databases in your Nuxt 3 app.

Michael Thiessen

What is Universal Rendering?

This article delves deeper into the workings of SPAs, SSRs, and the innovative Universal Rendering of Nuxt.

Michael Thiessen

Compressing Images With Vite and Vsharp

Images are usually the biggest cause of slow webpages. This article tackles how we can improve our page speeds in Nuxt by compressing images.

Michael Thiessen

Data Fetching Basics

Nuxt offers a set of powerful built-in tools for handling data fetching. This article examines the different methods Nuxt provides us for data fetching.

Michael Thiessen

Configuration in Nuxt 3: runtimeConfig vs appConfig

Nuxt 3 provides powerful configuration options, allowing you to adapt your application to different use cases.

Michael Thiessen

Handling Assets in Nuxt 3

Nuxt 3 gives us two great options for managing all of our assets in our web app. But what’s the difference, and how do you know which to use?

Michael Thiessen

Better Navigation with NuxtLink

The NuxtLink component may seem simple at first glance, but there’s a lot going on beneath the surface.

Michael Thiessen

Auth in Nuxt 3: Protecting Server Routes (4 of 4)

In this final article, we will fix our security by locking down our server routes as well.

Michael Thiessen

Auth in Nuxt 3: Protecting Routes in Nuxt 3 (3 of 4)

In the third part of this series of auth with Supabase, we’ll be using middleware to block users who aren’t logged in.

Michael Thiessen

Auth in Nuxt 3: Logging in and Logging Out (2 of 4)

In this second article, we’ll go over how to use Supabase and Github to log our users in and out of our application.

Michael Thiessen

Auth in Nuxt 3: Setting Up Supabase Auth With Nuxt 3 (1 of 4)

In this series, we’ll be covering how to use Supabase with Nuxt 3 to add auth to our apps. In this first article, we’ll go over how to set up Supabase in our Nuxt project.

Michael Thiessen

Writing a Cache Composable in Nuxt 3

Today we’ll be writing our own composable that adds basic caching to useFetch.

Michael Thiessen

Using OAuth in Nuxt 3

OAuth is a widely-used industry standard for securely accessing user information without giving access to their passwords. In this article I’ll give an overview of how it works, and why we use it for authentication in our Nuxt 3 apps — including the app we build in Mastering Nuxt 3.

Michael Thiessen

What does the launch of Nuxt 3 Stable mean for your Nuxt 3 project

Now that Nuxt 3 is stable, what does that mean for you?

Michael Thiessen

Why the Mastering Nuxt course is the best way to learn Nuxt 3

Let me show you why the Mastering Nuxt 3 course is *the best* way to learn (and master) Nuxt 3.

Michael Thiessen

Pages vs. Layouts vs. Components

In our Nuxt apps we have three main ways to get content rendered: Pages, layouts, and components. The big question here is: which one should we use, and when?

Michael Thiessen

Nuxt 3 Client-Side Error Handling

It may not be as fun as shipping the next feature, but making sure our apps are rock-solid and can recover from errors is crucial. Without good error-handling, our UX suffers and our applications can be hard to use.

Michael Thiessen

What you can expect to learn with Mastering Nuxt 3

We’ll dig into how Nuxt works, so you’ll leave with a true understanding of how Nuxt 3 works, and how you can apply those principles to your own projects.

Michael Thiessen

Explaining Nested Routes

Nesting child routes within other routes can get very complicated very quickly. Here’s another approach that might make it click for you.

Michael Thiessen

My Favourite Nuxt 3 Features

Nuxt 3 ships with a whole array of mind-blowing features. Here are 4 of my favourites.

Michael Thiessen

Understanding useState in Nuxt 3

Let me explain to you what useState is for and why it’s useful to us.

Michael Thiessen

Introducing your Mastering Nuxt 3 Instructor

My goal is to help Vue devs like yourself to level up your skills, which is why I’ve partnered with VueSchool and NuxtLabs to bring you Mastering Nuxt 3. Nuxt 3 is an incredible framework, and I can’t wait to help you get the most out of it!

Michael Thiessen

Best Features in Nuxt 3

You probably know a few features that Nuxt 3 has. But it has so many that you’ve probably missed a bunch. Here are 12 incredible features of Nuxt 3.

Michael Thiessen

Setting up Nuxt for Social Cards and Meta Tags To Improve SEO

In this post we'll be learning how to create social cards that look great on social platforms like Facebook, Twitter and Discord.

Josh Deltener

How Nuxt Loads Blazing Fast

In this post we'll explore how Nuxt loads itself in the browser to achieve the best possible performance. We'll dive into the details of preload and defer, and some potential problems.

Josh Deltener

Server Routes in Nuxt 3

Nuxt 3 not only does it give us amazing tools to make building our frontend radically easier, it also gives us some awesome tools for building our backend.

Michael Thiessen

6 reasons to use Nuxt for your next project in 2021

With all of the framework choices in 2021, why should you consider Nuxt?

Josh Deltener

Mobile Detection With Nuxt SSR

Learn a couple of ways to detect a user’s device with Nuxt SSR so you can streamline your server response and tailor the best experience for your users.

Josh Deltener

4 Ways To Setup Vuex in Nuxt

Nuxt automatically sets up your Vuex Store based on the way you create your folders and name files! In this post, Josh Deltener walks you through four methods to organizing your getters, actions, mutations, and state!

Josh Deltener

The best VSCode extensions for Nuxt developers

Find out what extensions and themes you can install on your Visual Studio Code editor to supercharge your Nuxt development experience. In this article, the MasteringNuxt instructor, Josh Deltener, goes through his code editor setup that powers his day to day workflow.

Josh Deltener

Runtime Configs in Nuxt.js

Configuration management can be a pain. Find out how Nuxt seamlessly integrates your sensitive credentials and configuration into your projects.

Josh Deltener

Problems With Server-Side Plugins in Nuxt.js

When you use server-side rendering in Nuxt, you can create highly dynamic and performant experiences. But, it relies on a node server which can be a bit tricky. In this article Josh Deltener explores one of the lesser-known issues with server-side plugins in Nuxt.

Josh Deltener

Nuxt Server Side Rendering vs Pre-rendering

You can build your Nuxt app in a couple of different ways. Each has their special use cases and benefits, find out if you are using the mode that's right for you.

Josh Deltener

Mastering Nuxt 3 course is here!

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

Click here to view the Nuxt 3 course

Follow MasteringNuxt on