Start developing

websiteslike it's 2025.

“Building modern web apps is too difficult.”

Have you tried to launch a project only to get stuck trying to do it "the right way"? I've been there. I'd waste time dealing with complex tech instead of shipping products. Then, I started building apps like it's 2025.

Spend less time doing the things you hate.

• Provisioning Servers
• What is Kubernetes?
• Dealing with Webpack
• Cross-browser issues

And more time doing the things you love.

• Building your product
• Deploying with ease
• Making your customers happy
• Working with modern tools

Transform front-end to full-stack.

Are you frustrated with how long it takes to go from idea to production? As a front-end developer, I wanted to bring my ideas to life. Not just the front-end, but the full stack.

Then, I discovered the optimal workflow for front-end developers.

1. Build dynamic applications that become static.
2. Push code to a repository with Git.
3. Deploy instantly to a global Edge Network.

"React 2025 helped me leave my front-end comfort zone and expand into the full stack." –– Joe Bell

Not your typical course.

Are you tired of courses that don't show real-world applications? In my last course, I showed how to build an application with a database, authentication, and more. But I never launched it.

This course will show the journey from zero lines of code to production for a real SaaS app. This isn't another example – it's a real product. Students have used React 2025 to create their own SaaS apps and become entrepreneurs.

• Next.js / React
• Firebase Authentication / Firestore
• Subscription payments with Stripe
• Deployed serverless to Vercel

What we're building.

In this course, we'll build Fast Feedback – the easiest way to add reviews and comments to your site. You can try it out here.

Course Overview

Join over 100,000 students who've taken React 2025. All videos are 100% free. If you'd like to support me, you can subscribe to my YouTube channel for more videos.

Welcome to React 2025

1:17

Get excited! The next 15 live streams will teach you how to build a real SaaS application.

Introduction to React 2025

1:02:45

An introduction to the course and an explanation of what we'll build.

Firestore, Chakra UI, Absolute Imports

54:22

Learn about best practices with Next.js data fetching and configure Firestore and Chakra UI.

Designing & Building the Dashboard

1:08:30

Convert Figma designs into real React code and build a dashboard page.

Firebase Admin with Next.js + SWR

1:13:45

Configure Firebase server-side and use API routes + SWR to fetch and mutate data.

Creating Feedback Pages

51:35

Fetch data from Firestore with getStaticProps / getStaticPaths and save user feedback with a form.

Authentication on API Routes (Firebase JWT)

45:45

Protect Next.js API routes and redirect to the dashboard. We also learn about Incremental Static Regeneration.

User Feedback Page + Google Sign In

51:40

Learn how to reuse layouts and styles, plus add Sign In with Google using Firebase Authentication.

Squashing bugs, integration tests, and logging

55:45

Set up an integration test on PR runs with Checkly / Puppeteer and persist logs to to Logflare.

Subscription Payments with Stripe

1:46:37

Connect to Stripe to allow users to checkout and manage their subscriptions.

Managing Site Feedback

1:12:39

Creating, updating, and deleting feedback in Firebase through the user dashboard.

Embed Iframe + Edit/Delete Site

1:26:20

Manage a site's settings through a Modal and mutate your cache with SWR.

Going to Production + Testing With Checkly

1:09:20

Launch the product and write a login end-to-end test with Checkly and Puppeteer.

Adding MDX

42:40

Use MDX to create the terms and privacy policy pages for the application.

Launching Your Product & Conclusion

6:41

That's a wrap! Some final thoughts on how to launch your product.