The Imposter's Frontend Accelerator
This is a premium course
And it's amazing and you'll love it, I promise (and guarantee it).

Welcome!
A few things to know before we get rolling.

A Look at Vue and React
Many people want to know the difference between these projects. That's what we'll discuss in this video.

How Vue and Nuxt Work
The basics of Vue and Nuxt

Meet Nuxt
Let's get to know Nuxt and why it exists.

Getting Started
We're ready to go! The introductory stuff is out the way, let's do the Walkthrough.

Menus, Data-driven UI, Styling
We need to think about design from the very start as we'll be called for a demo at any moment. Count on it.

Sitewide data and more menus
Plugging in Vuetify for a quick CSS win.

Components and Wireframes
Working with components and building the home page.

Simple CMS with Nuxt Content
Every application needs some form of content management (CMS), so let's not wait - we'll plug in Nuxt Content.

Application state with Pinia
It's time to think about a centralized state store and working with Pinia.

Blocking the Course Page
Adding content-specific components and page blocking.

Molecules and Vuetify hell
Now let's move on to the tough stuff: the course page. This is where the fun really starts...

Try That Again: Molecules
Problems are how we learna and yes, they're frustrating, but wow the experience! It's very valuable.

Adding Videos
I took a small break and edited the first set of videos - I wanted to get an idea of pace! Now let's get to the heart of the matter: videos!

Refactoring Pinia
It's important to avoid technical debt so we're going to make sure we're doing Pinia right. We'll also keep moving forward with our course page!

First Pass at Styling
It's been my experience that dressing up a web app from day one can only be a good thing. People like looking at nice things - so let's do that now.

Digging in to Vuetify Layout
I've been copy/pasting my way through Vuetify, which has worked for me over the years, but I think it's a good idea to understand the layout more.

Authentication, Part 1
Can't show a video to just anyone, can we? Let's start down the road of adding authentication to the app.

Authentication, Part 2
Now that we know what JWTs are, let's plug 'em in!

Authentication, Part 3
We're finishing up the UI (I hope), ideally not getting stuck this time!

Authentication, Part 4
Going a little slower than I wanted, but that's how it goes innit?

Authorization, Part 1
In this episode we'll dig in to Sequelize, the Node.js ORM that will power our API.

Authorization, Part 2
We have most of our model build out, let's plug it in.

Hello Supabase!
Things went to hell in the last episode, let's get back on track.

Supabase Authentication
In this video we roll our auth scheme over to Supabase

The Full Rollover
In this video we finish rolling over to Supabase

Meet Stripe
We need to process payments, so let's hook up Stripe

Creating the Stripe Receiver
We need a webhook receiver so we know when people bought something!

Deploying to Netlify
We're ready to roll - let's ship!

Using Firebase
Let's see what it takes to roll our site to Firebase

Testing with Playwright
I've avoided testing until now - let's fix that.