The Nuxt 3 Bootcamp – The Complete Developer Guide

The Nuxt 3 Bootcamp – The Complete Developer Guide, available at $84.99, has an average rating of 4.29, with 157 lectures, based on 1250 reviews, and has 7683 subscribers.

You will learn about Understanding the additional features that Nuxt provides on top of Vue, like universal rendering, auto importation, and file based routing Utilizing Nuxt to build production ready application with based development practices Leveraging the many Nuxt 3 composables like useFetch, useAsyncData, useState or useMeta Implementing routing with a file based approach This course is ideal for individuals who are Anyone that wants to ease the Vue development process by harnessing the powers of NuxtJS or Anyone that wants to build universal rendered web application It is particularly useful for Anyone that wants to ease the Vue development process by harnessing the powers of NuxtJS or Anyone that wants to build universal rendered web application.

Enroll now: The Nuxt 3 Bootcamp – The Complete Developer Guide

Summary

Title: The Nuxt 3 Bootcamp – The Complete Developer Guide

Price: $84.99

Average Rating: 4.29

Number of Lectures: 157

Number of Published Lectures: 156

Number of Curriculum Items: 157

Number of Published Curriculum Objects: 156

Original Price: $159.99

Quality Status: approved

Status: Live

What You Will Learn

Understanding the additional features that Nuxt provides on top of Vue, like universal rendering, auto importation, and file based routing
Utilizing Nuxt to build production ready application with based development practices
Leveraging the many Nuxt 3 composables like useFetch, useAsyncData, useState or useMeta
Implementing routing with a file based approach

Who Should Attend

Anyone that wants to ease the Vue development process by harnessing the powers of NuxtJS
Anyone that wants to build universal rendered web application

Target Audiences

Anyone that wants to ease the Vue development process by harnessing the powers of NuxtJS
Anyone that wants to build universal rendered web application

This is the most comprehensive Nuxt 3 course on the market. You will learn many of Nuxt’s incredible features all while build six real world projects.With each new project we will dive deep into more and more advanced Nuxt 3 concepts. By the end of the course you can proudly label yourself as a Nuxt expert!

What you’ll learn

In the introduction, you will learn exactly what Nuxt is and problems it solves. You will learn about client-side rendering and compare it with universal rendering.

In the first project, we will refresh your Vue 3 knowledge by building an app with the composition API. We will also learn about TypeScript and how Nuxt handles components.

In the second project, we will dive deeper into the Nuxt ecosystem. We will learn about file-based routing, layouts, and defining page metadata.

In the third project, we will learn all about how we can globally manage state with composables.

In project number four, we will learn how to make HTTP requests by using useFetch and useAsyncData.

In the fifth project, we will leverage the powers of Nuxt to build our very own REST API and utilizing it in the client.

Lastly, in the sixth project, we will integrate our app with Supabase to leverage it’s authenticationand SQL database services.

Course Curriculum

Chapter 1: Building The UI Elements

Lecture 1: What We Will Be Building

Lecture 2: Your Two Options

Lecture 3: Creating a Nuxt App

Lecture 4: Adding Tailwind CSS

Lecture 5: Building the NavBar

Lecture 6: Building the Home Hero

Lecture 7: Building the Search Bar

Lecture 8: Building the Side Bar

Lecture 9: Building the Car Card

Lecture 10: Building the Car Details Page

Chapter 2: File Based Routing & Navigation

Lecture 1: Intro to File Based Routing

Lecture 2: Auto Importing Components

Lecture 3: Dynamic and Optional Paths

Lecture 4: Filling the Page With Components

Lecture 5: Unique Dynamic Paths

Lecture 6: The NuxtLink Component

Lecture 7: Adding Programmatic Navigation

Lecture 8: Implementing Nested Pages

Lecture 9: Change Titles With useHead

Chapter 3: Defining Page Layouts

Lecture 1: Defining a Default Layout

Lecture 2: Defining a Custom Layout

Lecture 3: Storing Common Functionality in Composables

Chapter 4: Handling Client and Server Errors

Lecture 1: Adding a Page Not Found Page

Lecture 2: The useError Composable

Lecture 3: Dynamically Rendering the Car Cards

Lecture 4: Dynamically Rendering the Car Details Page

Lecture 5: Throwing a Custom Server Error

Lecture 6: How Nuxt Renders Content

Lecture 7: Updating the Location

Lecture 8: Throwing a Client Side Error

Lecture 9: NuxtErrorBoundary to Handle Client Side Errors

Chapter 5: Improving Functionality With Utilities

Lecture 1: Optimizing Images with NuxtImg

Lecture 2: The useState Composable

Lecture 3: Adding the Vueuse Module

Lecture 4: Forcing Client Side Rendering

Chapter 6: Revisiting the Skipped Functionality

Lecture 1: Adding the Car Make Filter

Lecture 2: Adding the Car Price Filter

Chapter 7: Authentication and Middleware

Lecture 1: Our New Feature

Lecture 2: [OPTIONAL] – Assembling the Pages

Lecture 3: Creating a Supabase Account

Lecture 4: Connecting Supabase to Our Nuxt App

Lecture 5: Enabling Google Authentication

Lecture 6: Implementing Google OAuth

Lecture 7: Conditionally Rendering UI Based on Auth Status

Lecture 8: Implementing the Logout Functionality

Lecture 9: Protecting Routes With Inline Route Middleware

Lecture 10: Named Middleware For DRY Code

Lecture 11: Global Middleware for DRYER Code

Chapter 8: Server Endpoints and HTTP Requests

Lecture 1: Intro to Server Endpoints

Lecture 2: Creating a Server Endpoint

Lecture 3: Extracting the Path Parameters

Lecture 4: Extracting the Query Parameters

Lecture 5: Fetching the Data From the Client

Lecture 6: A Hacky Way of Refetching Data

Lecture 7: Adding a Not Found Message for Better UI

Lecture 8: Adding the Fetch Car Endpoint

Lecture 9: Another Fetch Composable

Lecture 10: Fixing an Issue With Error Handling

Chapter 9: Utilizing Postgres for Data Transactions

Lecture 1: A Small SQL Crash Course

Lecture 2: Installing an ORM

Lecture 3: Programmatically Creating Our Tables

Lecture 4: A Perfect Endpoint

Lecture 5: HTTP Verbs

Lecture 6: Fetching Data From the Database

Lecture 7: Deleting Data From the Database

Lecture 8: Adding the Other Two Endpoints

Lecture 9: Complex Filters

Lecture 10: Our Last Endpoint

Lecture 11: Making a POST Request From the Client

Lecture 12: Making a GET Request From the Client

Lecture 13: Making a DELETE Request From the Client

Lecture 14: Fixing the GET Endpoints

Lecture 15: A POST Message Endpoint

Lecture 16: A GET Message Endpoint

Chapter 10: Image Storage and Retrieval

Lecture 1: Storing Images in a Bucket

Lecture 2: Retrieving the Image URL

Chapter 11: BEGINNING OF LEGACY COURSE. WILL DELETE IN THE FUTURE

Lecture 1: Please Watch This

Chapter 12: [LEGACY] – Introduction

Lecture 1: Introduction to Nuxt and it's Benefits

Lecture 2: Client-Side vs Server-Side vs Universal Rendering

Lecture 3: Pros and Cons of Client-Side and Universal Rendering

Lecture 4: Course Prerequisite

Chapter 13: [LEGACY] – Diving into Nuxt

Lecture 1: App Overview

Lecture 2: Creating a Nuxt App

Lecture 3: Exploring the Boilerplate

Lecture 4: Building the Boilerplate HTML

Lecture 5: Styling Our App

Lecture 6: Managing State

Instructors

Laith Harb
Software Engineer

Rating Distribution

1 stars: 19 votes
2 stars: 46 votes
3 stars: 130 votes
4 stars: 378 votes
5 stars: 677 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu