Mastering Nuxt 3

Mastering Nuxt 3

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 86 Lessons (9h 56m) | 3.99 GB

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

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.

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.

Table of Contents

1 Course Introduction
2 Building our MVP
3 Getting Set Up
4 File based routing
5 Displaying Course Lessons
6 Nested Routes
7 Dynamic Routes
8 Loading in Course Data
9 Update Lesson Styling
10 Add VideoPlayer Component
11 What is Universal Rendering
12 Navigating with NuxtLink
13 More with Nuxt Links
14 useHead composable
15 Tracking progress with useState
16 Saving our course progress
17 Deploying our MVP to Netlify
18 Chapter 1 – Summary
19 Organizing our Code
20 Smaller is better
21 Understanding App.vue
22 Understanding Layouts
23 Pages vs. Layouts vs. Components
24 Understanding Composables in Nuxt
25 Chapter 2 – Summary
26 3 – 0 Making Our App Robust
27 Adding in TypeScript
28 Adding a 404 page
29 Handling Client-Side Errors with NuxtErrorBoundary
30 Advanced Error Handling
31 Handling Sever-Side Errors
32 Route Validation
33 Chapter 3 – Summary
34 4-Intro
35 Route Middleware Basics
36 Creating a Login Page
37 Inline, Named, and Global Route Middleware
38 Setting Up Supabase
39 Adding Environment Variables
40 Logging in with Github
41 Logging Out
42 Protecting Routes with Auth
43 Understanding OAuth Basics
44 4-Summary
45 Server Route Basics
46 Lesson Endpoint
47 Fully Typing Our Endpoint
48 Course Metadata Endpoint
49 Basic Data Fetching
50 Advanced Data Fetching
51 Creating the useFetchWithCache Composable
52 Fetch Course Metadata
53 Setting up Prisma
54 Creating the Prisma Schema
55 Initialize Prisma and Seed Database
56 Getting data from Prisma
57 Update Lesson Endpoint
58 Update Course Meta Endpoint
59 Auth and Server Routes
60 Understanding Nitro and h3
61 5-Summary
62 6-Intro
63 Setting up Pinia
64 Fixing the Meta Endpoint
65 Add LessonProgress Model to Our Schema
66 Add Endpoint to Update Progress
67 Add User Progress Endpoint
68 Show Course Completion Percentage
69 6-Summary
70 7-Intro
71 Adding the Landing Page
72 Static Generation and Pre-Rendering
73 Route Rules
74 Managing Static Assets
75 Lazy Loading Checkout Components
76 Runtime Config and App Config
77 Setting up Stripe
78 Handle Payments with Stripe
79 Add the PaymentIntent Endpoint
80 Overview of Granting Access
81 Create CoursePurchase in the Database
82 Verify Purchase with Stripe Webhooks
83 Testing our Webhook Handler
84 Link Purchase with Github
85 Grant Access to the Course
86 7-Summary