Early Access

Build Modern Applications With Nuxt!

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

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.

Curriculum

Module 1 - Nuxt Basics (Recipe Application)

Learn the basics of Nuxt by building a recipe application.

Lesson 1: Course Introduction

Lesson 2: What is Nuxt?

Lesson 3: Creating A Nuxt App

Lesson 4: Useful VSCode Extensions

Lesson 5: Nuxt File Directory Structure (Version 4)

Lesson 6: Installing Nuxt Modules

Lesson 7: Configuring Nuxt Modules

Lesson 8: Adding Pages (File Based Routing)

Lesson 9: Layouts

Lesson 10: Components With Nuxt

Lesson 11: Changing Pages (Nuxt-Link)

Lesson 12: Image Optimization (Nuxt Image Module)

Lesson 13: Responsive Images (Nuxt Image Module)

Lesson 14: Introduction to Data Fetching

Lesson 15: Fetching Data with useFetch() & useAsyncData()

Lesson 16: Route Params

Lesson 17: Handling Errors & Custom Error Page

Lesson 18: Handling Simple API Errors

Lesson 19: Setting Metadata With useSeoMeta()

Lesson 20: Project Cleanup

Module 2 - Nuxt UI

Explore Nuxt UI, a modern UI library for building web applications.

Lesson 1: What is Nuxt UI?

Lesson 2: Install & Setup

Lesson 3: Using Nuxt UI Components

Lesson 4: Color Theming

Lesson 5: Modifying Components

Lesson 6: Dark Mode Configuration

Lesson 7: Using Icons

Lesson 8: Configure Recipe Application With Nuxt UI

More lessons coming soon!

$49.99

Join Early Preview

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

The early preview version includes:

28 lessons (1 project)
3 hours of content
All future course content
Private Discord Server

Purchase now

Already purchased? Login here