Mastering Nuxt 3

The complete guide to developing and deploying fast, production-ready Nuxt apps.

Limited Time Offer - 25% OFF
Astronaut
Nuxt
Vue
PostgreSQL
Supabase
Prisma
TypeScript

Powered by Vue School in collaboration with Nuxt

An Introduction to Mastering Nuxt 3

The team behind Nuxt 3 and the Mastering Nuxt 3 course share their insights into the journey of creating Nuxt and the ultimate guide to learning the platform. The video includes the team from NuxtLabs, Vue School and Mastering Nuxt. Discover the epic path that has lead the launch of the course.
Loading...

Build awesome websites

Learn how to build robust, modern websites with Nuxt from scratch. Or improve your website performance, code quality, while making better use of the framework.

Learn the best practises, common pitfalls to avoid, and tons of tips and tricks. Prior experience with Nuxt is beneficial but not required.

Nuxt.js is a modular framework built on top of the easiest web development framework in 2020 Vue.js. It allows developers of any kind to create elegant websites progressively. We see huge enterprise companies and governments using Nuxt to build websites quickly — very important especially during the pandemic. We also see solo devs building exceptional side projects with Nuxt.

What you will build

Learn the best practises, common pitfalls to avoid, and tons of tips and tricks

Get to grips with building your own online course and database, and then build a blazing-fast landing page to sell your course. Explore technologies like VueUse, Nuxt, Vue.js.

Course Outline

We cover everything you need in order to build real-world applications and performant landing pages.

Frontend

We start by building our MVP as quickly as possible. You learn file-based routing, how Universal rendering works, and more, in order to build out the client-side of our app. Then we deploy the app to Netlify so it’s live for the world to see.

Now that things are working, we take some time to make sure our app is engineered well.

We learn how to architect our Nuxt app and organize our code so that it’s maintainable over the long term . There’s nothing worse than trying to work on an old codebase that’s become a tangled, messy, dumpster fire.

We won’t let that happen to you and your Nuxt apps.

We also need to make sure our apps are robust enough for the real-world, and that means adding in TypeScript and thorough error-handling. No, it’s not exciting, but making sure that your app doesn’t break down means a better UX for your customers, as well as stress-free weekends.

Backend

We’ve already learned a ton about Nuxt, but now we dig deeper into how Nuxt works. Here we take a look at what powers the magic behind Nuxt - the Nitro server.

Next up is adding authentication. We need to be able to restrict access to our course, and we can do that using Supabase and Nuxt middleware.

Time for the APIs.

We use Prisma in combination with a Postgres database from Supabase so we can have type-safe access to our data. Then we build out an API that let’s us grab all of our course data from the database.

And now that we have a database set up, we can start to track our student’s progress through the course.

Landing Page

Finally, we need a way to sell the product!

We build a blazing-fast landing page, using many of the tricks that Nuxt has in order to squeeze as much performance out as we can. We’ll see how to use Hybrid rendering, lazy loading, and proper asset management in order to keep things speedy.

Of course, we’ll also optimize the page for SEO so we get tons of traffic to our landing page.

What you will learn

The Mastering Nuxt 3 course aims to provide you with a true understanding of how Nuxt 3 works and how you can apply those principles to your own projects. On completion of the course you’ll be able to build a production-ready Nuxt 3 app from scratch, from the backend to the front end and everything in between, including the following:

File-based routing
Universal and Hybrid Rendering
Architecture for Large Projects
Async and Isomorphic Data
TypeScript
Error handling
Type safe APIs
User Authentication and Permissions
Postgres Database
SEO Optimization
Performance Optimization
Route and server middleware
Nuxt internals: Nitro and h3
3rd Party Modules
Composition API and Composables
Reusable Components
Nested Routes
State Management and Pinia
Deploying and Hosting
Managing Static Assets
Static Site Generation (SSG)
Server Side Rendering (SSR)
Single Page App (SPA)

Who is this for?

The course is for anyone that wants to learn how to build professional websites!
You just need to be interested in learning Nuxt. No matter what level you’re at you can learn at your own pace and become a master in Nuxt with this course.

Senior Developers - develop full-blown, performant Vue and Nuxt 3 applications.

Junior Developers - build your first state-of-the-art website using Nuxt 3 and the best practices. Avoid common gotchas in learning and get ahead of the herd.

Students - start learning a new skill and join the global community of Nuxt developers. You can add the Mastering Nuxt 3 project to your portfolio and GitHub.

Business & Agencies - some of the largest business and agencies use Nuxt because it makes building modern websites easy and quick. Agencies also appreciate the great performance and SEO that Nuxt comes with.

Mastering Nuxt 3 Course Packages

Essentials
$
73.26
$99
Instant access to the private course area
Stream the first
25 video lessons
, totalling 2 hours of content
Invitation for the exclusive Mastering Nuxt Discord server
Access to the source code for available lessons
Get Access
LIMITED TIME OFFER 25% Off
Complete
$
199.06
$269
Click here for Team Pricing
Instant access to the private course area
Stream or download 9+ chapters totalling over 65 video lessons
Access to new lessons as they are added.
Invitation for the exclusive Mastering Nuxt Discord server
Access to the source code for all lessons
Certificate of completion
Get Access
MASTER NUXT 2 & NUXT 3 & VUE 3 MASTERCLASS
Super Bundle
$
338.8
$847
Click here for Team Pricing
Everything in Vue.js 3 Masterclass
Nuxt 2 to Nuxt 3 Upgrade Guide
(coming soon)
Invitation for the Mastering Nuxt Discord server
Certificates of completion for Nuxt 2 & 3 courses
Get Access
COURSE IN DEVELOPMENT
State as of December 2:
44
lessons
Info New lessons every week

© Powered by Vue School In collaboration with Nuxt.js

25% of all sales goes directly to supporting the Nuxt.js framework

Mastering Nuxt Courses

Mastering Nuxt 2

Learn the best practises, common pitfalls to avoid, and tons of tips and tricks.

Together we will build NuxtBnB! That’s a production ready AirBnB clone. Get to work with bookings, date picking, payments, galleries, users, and many more!

Mastering Nuxt 3

The complete guide to developing and deploying fast, production-ready Nuxt 3 apps. MasteringNuxt is the largest and most in-depth, fun, and realistic course ever made on Nuxt.js.

Meet the team

Michael Thiessen
Mastering Nuxt 3 Instructor
Michael Thiessen is an experienced front-end developer and author who is passionate about helping Vue.js developers level up their skills. With thousands of developers already helped through his independent courses, he’s now partnered up with VueSchool and NuxtLabs to bring you Mastering Nuxt 3 and help you get the most out of this incredible framework.
Alex Kyriakidis
Co-Founder, CEO & Head of Training at Vue School
An experienced IT Consultant and Educator, Alex is the CEO and Head of Training at Vue School and has years of experience teaching developers Vue.js, both in-house and online. He is also the author of the best-selling book, The Majesty of Vue.js, which was the first book to be released about Vue.js, and has presented Vue topics to many conferences around the world.
Daniel Kelly
Vue.js Expert & Lead Instructor
Daniel is the lead instructor and content creator at Vue School and enjoys helping other developers reach their full potential. With over 10 years of development experience on both the frontend and the backend, he's worked with technologies like Vue.js, Nuxt.js, Laravel and more, to create projects ranging from simple websites to enterprise-level applications.
Maria Panagiotidou
Product Director
Maria is passionate about the Vue.js & Vue School community. As the Product Director at Vue School, she is responsible for the development and management of the exciting new content that is added to the Vue School catalogue every week. She ensures the team produces high quality video courses, audios, and subtitles designed to facilitate learning of Vue.js on time, every time.

Do you have any questions?

Why use Nuxt?

Nuxt allows developers of any level to create elegant websites progressively.

Nuxt.js is a framework that provides an organized way to build complete, performant Vue applications. Nuxt is based on a powerful modular architecture and allows you to tailor your project to your needs with more than 50 modules — making your development faster and easier.

Who is the trainer?

+

Can I add the course project to my CV or portfolio?

+

What does a real-world app mean?

+

What is the state of the Mastering Nuxt 3 course today?

+

What backend technology will you be using?

+

Can I buy both Mastering Nuxt 2 and 3 as a bundle?

+

Do you have course for mastering Nuxt 2?

+

How long do I get access to the course?

+

Do you support student discounts?

+

Can I get a refund if I don't like it?

+

Can I put NuxtBnB in my CV or portfolio?

+

Will I get a certificate of completion?

+

What is the course format?

+

Do you provide Purchase Power Parity discount?

+

Do I get Mastering Nuxt 3 if I purchased Mastering Nuxt 2, or vice versa?

+

Can I buy both Mastering Nuxt 2 and 3 as a bundle?

+

Course Prerequisites

+

Topics Covered

+

Is this course for you?

+

Follow MasteringNuxt on