Mastering Nuxt Blog

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

Articles

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

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

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

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

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

Protecting Server Routes

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

Michael Thiessen

Protecting Routes in Nuxt 3

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

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

Setting Up Supabase Auth With Nuxt 3

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

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

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

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

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

Understanding useState in Nuxt 3

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

Michael Thiessen

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

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

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

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 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

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

My Favourite Nuxt 3 Features

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

Michael Thiessen

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

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

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

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

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

Dynamic Pages 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

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

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

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