The Imposter's Frontend Accelerator
A collection of 32 posts
The Imposter's Frontend Accelerator
JavaScript client frameworks are powerful and help you create an amazing experience for your end user. Unfortunately, learning how to use them sucks.
· Rob Conery
Testing with Playwright
I've avoided testing until now - let's fix that.
· Rob Conery
Using Firebase
Let's see what it takes to roll our site to Firebase
· Rob Conery
Deploying to Netlify
We're ready to roll - let's ship!
· Rob Conery
Creating the Stripe Receiver
We need a webhook receiver so we know when people bought something!
· Rob Conery
Meet Stripe
We need to process payments, so let's hook up Stripe
· Rob Conery
The Full Rollover
In this video we finish rolling over to Supabase
· Rob Conery
Supabase Authentication
In this video we roll our auth scheme over to Supabase
· Rob Conery
Hello Supabase!
Things went to hell in the last episode, let's get back on track.
· Rob Conery
Authorization, Part 3
· Rob Conery
Authorization, Part 2
We have most of our model build out, let's plug it in.
· Rob Conery
Authorization, Part 1
In this episode we'll dig in to Sequelize, the Node.js ORM that will power our API.
· Rob Conery
Authentication, Part 4
Going a little slower than I wanted, but that's how it goes innit?
· Rob Conery
Authentication, Part 3
We're finishing up the UI (I hope), ideally not getting stuck this time!
· Rob Conery
Authentication, Part 2
Now that we know what JWTs are, let's plug 'em in!
· Rob Conery
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.
· Rob Conery
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.
· Rob Conery
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.
· Rob Conery
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!
· Rob Conery
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!
· Rob Conery
Try That Again: Molecules
Problems are how we learna and yes, they're frustrating, but wow the experience! It's very valuable.
· Rob Conery
Molecules and Vuetify hell
Now let's move on to the tough stuff: the course page. This is where the fun really starts...
· Rob Conery
Blocking the Course Page
Adding content-specific components and page blocking.
· Rob Conery
Application state with Pinia
It's time to think about a centralized state store and working with Pinia.
· Rob Conery
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.
· Rob Conery
Components and Wireframes
Working with components and building the home page.
· Rob Conery
Sitewide data and more menus
Plugging in Vuetify for a quick CSS win.
· Rob Conery
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.
· Rob Conery
Getting Started
We're ready to go! The introductory stuff is out the way, let's do the Walkthrough.
· Rob Conery
Meet Nuxt
Let's get to know Nuxt and why it exists.
· Rob Conery