Early Access

Build Modern Applications With Nuxt!

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

LoginPurchase now

by John Komarnicki

YouTube Content Creator & Founder of WebDevDaily

What's In The Course?

Dive into modern web development with Nuxt and Supabase. Start by building a Recipe App MVP, mastering the fundamentals of Nuxt along the way. Then, explore advanced Nuxt concepts before transforming the app into a fully functional CRUD application powered by Supabase.

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 two applications, including a full-stack app using Nuxt, Supabase, and Stripe.

Available Curriculum

*Next Module Release: 3/17/25

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
What is Supabase
Setup Supabase Project
Integrate Supabase Into Nuxt (Nuxt Supabase Module)
Setup Authentication (signInWithOpt())
Confirm Route
Redirect Configuration
Testing Signing Up/Signing In
Profile Menu (Nuxt UI)
Logging Out
Updating Email Content & OTP Config
What is OAuth?
Configure Google Cloud & Supabase
Setup OAuth With Google (signInWithOAuth)
Testing OAuth
Authentication Loading State

$69.99

Join Early Preview

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

The early preview version includes:

  • 61 lessons
  • 3.5 hours of content
  • All future course content>
  • Access to Private Discord Server
Purchase now

Already purchased? Login here