The Imposter's Frontend Accelerator

A few things to know before we get rolling.

Many people want to know the difference between these projects. That's what we'll discuss in this video.

The basics of Vue and Nuxt

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

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

We need to think about design from the very start as we'll be called for a demo at any moment. Count on it.

Plugging in Vuetify for a quick CSS win.

Working with components and building the home page.

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

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

Adding content-specific components and page blocking.

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

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

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!

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!

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.

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.

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

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

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

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

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

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

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

In this video we roll our auth scheme over to Supabase

In this video we finish rolling over to Supabase

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

We need a webhook receiver so we know when people bought something!

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

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

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