New book - The Imposter's Roadmap! Join the Presale

The Imposter's Frontend Accelerator

It's a book. It's a video course... It's both! You get a concise, conceptual approach to modern frontend web development with Vue 3.0 and Nuxt 3.0, as well as an episodic walkthrough where we build something real!

This is a premium course

And it's amazing and you'll love it, I promise (and guarantee it).

Buy Standalone  Subscribe

course image
Welcome!

A few things to know before we get rolling.

course image
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.

course image
How Vue and Nuxt Work

The basics of Vue and Nuxt

course image
Meet Nuxt

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

course image
Getting Started

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

course image
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.

course image
Sitewide data and more menus

Plugging in Vuetify for a quick CSS win.

course image
Components and Wireframes

Working with components and building the home page.

course image
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.

course image
Application state with Pinia

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

course image
Blocking the Course Page

Adding content-specific components and page blocking.

course image
Molecules and Vuetify hell

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

course image
Try That Again: Molecules

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

course image
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!

course image
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!

course image
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.

course image
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.

course image
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.

course image
Authentication, Part 2

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

course image
Authentication, Part 3

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

course image
Authentication, Part 4

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

course image
Authorization, Part 1

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

course image
Authorization, Part 2

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

course image
Hello Supabase!

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

course image
Supabase Authentication

In this video we roll our auth scheme over to Supabase

course image
The Full Rollover

In this video we finish rolling over to Supabase

course image
Meet Stripe

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

course image
Creating the Stripe Receiver

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

course image
Deploying to Netlify

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

course image
Using Firebase

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

course image
Testing with Playwright

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