Start developing
websiteslike it's 2025.

Build and deploy a modern SaaS application using the most popular open-source software.

Watch Now →

“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.

screen frame of video

Welcome to React 2025

1:17

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

screen frame of video

Introduction to React 2025

1:02:45

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

screen frame of video

Firestore, Chakra UI, Absolute Imports

54:22

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

screen frame of video

Designing & Building the Dashboard

1:08:30

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

screen frame of video

Firebase Admin with Next.js + SWR

1:13:45

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

screen frame of video

Creating Feedback Pages

51:35

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

screen frame of video

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.

screen frame of video

User Feedback Page + Google Sign In

51:40

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

screen frame of video

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.

screen frame of video

Subscription Payments with Stripe

1:46:37

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

screen frame of video

Managing Site Feedback

1:12:39

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

screen frame of video

Embed Iframe + Edit/Delete Site

1:26:20

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

screen frame of video

Going to Production + Testing With Checkly

1:09:20

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

screen frame of video

Adding MDX

42:40

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

screen frame of video

Launching Your Product & Conclusion

6:41

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

Join my newsletter to hear about new courses, articles, and content.

Headshot of Lee Robinson

I'm Lee Robinson –– developer, writer, and the creator of Mastering Next.js and React 2025.

more about me »