Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
16 Hour(s) 49 Minute(s)
Language
English
Taught by
Laith Harb
Rating
3 views
Course Overview
Build complex & engaging Vue apps with Nuxt3. Nuxt3 provides universal rendering, file based router, and other features
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 authentication and SQL database services.
Course Content
- 10 section(s)
- 156 lecture(s)
- Section 1 Building The UI Elements
- Section 2 File Based Routing & Navigation
- Section 3 Defining Page Layouts
- Section 4 Handling Client and Server Errors
- Section 5 Improving Functionality With Utilities
- Section 6 Revisiting the Skipped Functionality
- Section 7 Authentication and Middleware
- Section 8 Server Endpoints and HTTP Requests
- Section 9 Utilizing Postgres for Data Transactions
- Section 10 Image Storage and Retrieval
What You’ll 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
Skills covered in this course
Reviews
-
MMichael Shushan
Uses tailwind instead of css.
-
PPrasad Deshpande
I really liked the course and the teaching style. It would be even better if @laith could include sessions on the deployment process, using production-related environment settings, as well as code optimization and performance best practices.
-
YYaman Warda
one Problem in this course is that is a little bit old, other then this, it will deserve 5 stars.
-
PPrakash F
Very good course to grasp the main features of Nuxt. Each concept can be applied in real world projects. The examples shown in the videos are a perfect fit to understand how Nuxt works. The course saves you time ( instead of digging into the Nuxt documentation the first time).
