Early Access

Build Modern Applications With Nuxt!

A premium project-based course that will teach you how to build applications using Nuxt.

LoginPurchase now

by John Komarnicki

YouTube Content Creator & Founder of WebDevDaily

What's In The Course?

Dive into building modern applications with Nuxt. The aim is to give you practical insights and a realistic approach to developing production-ready applications using Nuxt.

Basics of Nuxt

Start by building a simple recipe application to get hands-on experience with Nuxt core concepts.

Preview Demo

Server Routes

Create API endpoints and server routes to securely connect with third party services and consume from your frontend.

Middleware

Run custom code such as authentication, localization or A/B testing before rendering a page or a group of pages.

Advanced Nuxt Concepts

Dive deeper into topics like server routes, middleware, data caching, and more.

Third-Party Tools

Explore modules like Supabase, Stripe, Vercel, and others to enhance your applications.

Project Building

Coming Soon

Apply your knowledge by creating several applications, including a full-stack app using Nuxt, Supabase, and Stripe.

Available Curriculum

Course Introduction
What is Nuxt?
Creating A Nuxt App
Useful VSCode Extensions
Nuxt File Directory Structure (Version 4)
Installing Nuxt Modules
Configuring Nuxt Modules
Adding Pages (File Based Routing)
Layouts
Components With Nuxt
Changing Pages (Nuxt-Link)
Image Optimization (Nuxt Image Module)
Responsive Images (Nuxt Image Module)
Introduction to Data Fetching
Fetching Data with useFetch() & useAsyncData()
Route Params
Handling Errors & Custom Error Page
Handling Simple API Errors
Setting Metadata With useSeoMeta()
Project Cleanup
What is Nuxt UI?
Install & Setup
Using Nuxt UI Components
Color Theming
Modifying Components
Dark Mode Configuration
Using Icons
Configure Recipe Application With Nuxt UI
What Are Server Routes?
Creating a Form With Nuxt UI
Form Validation With Nuxt UI & Zod
Creating a Server Route
Setup Kit Account (Email Storage)
Accessing Environment Variables With The Runtime Config API
Adding Emails To Kit (Server Route)
Checking If Email Already Exist On Kit (Server Route)
Handling Our Server Route On The Frontend
What is Middleware
Login Form With Nuxt UI
User Authentication (useCookie())
Basic Inline Middleware
Handle Errors Within Middleware
Named Middleware
Global Middleware
Middleware Ordering
When Middleware Runs

$49.99

Join Early Preview

During early preview, get at least 30% off the final price.

The early preview version includes:

  • 46 lessons
  • 3 hours of content
  • All future course content
  • Access to Private Discord Server
Purchase now

Already purchased? Login here