Go to the course

Building Modern Web Apps with React and Next.js

A beginner-friendly online course to build your first full-stack application with React, leveraging the power of Next.js.

Start the course

This course is now completely free!

This course hasn't been updated in a while, but the content on React and Next.js is still relevant and useful. I decided to make it free and open to everyone. If you find it helpful, consider sponsoring me on GitHub.

Start the course

When you’re a junior web developer, learning React is almost mandatory, but at the same time a difficult step in your journey.

You can find many tutorials and training on the web, but it’s so easy to get lost in the many different possible ways to do one thing.

More importantly, I’ve seen developers give up because some courses assume you’re an expert with JavaScript. (You definitely don’t have to be!)

I can help you!

My decade of experience with web development, coupled with my passion for sharing my knowledge to students (including total beginners) has led me to building this course.

It will help you learn React and Next.js at your own pace, with the prerequisite that you know HTML, CSS, the basics of JavaScript, and ideally a bit of web development, by using Rails or PHP for instance.

Are you ready to give your career the boost it deserves?

Sebastien Castiel

They liked the course

The course is great and all well explained. It’s really helpful to be building an app alongside the material.
Kirstin Penzes’s photoKirstin Penzes
Great explanations, easy to follow, with good challenges for each lesson.
Pablo Hennique’s photoPablo Hennique
The course is excellent. I especially like the gotchas highlighted in the Note sections.
Karan Mathur’s photoKaran Mathur
Start the course

What’s inside the course

Your first application
Let’s discover the basics of React, how to split your logic in reusable components, and how to give your pages some style.
Routing & Fetching data
Next.js makes it very intuitive to create different pages in your applications, including dynamic routes that we’ll use to know which data to fetch and display.
Client interaction
React was created as a client library to handle user interaction. Let’s see what it offers to react to client actions and fetch data dynamically from the server.
Handling forms
Continuing with our exploration of React’s client features, let’s build some form to gather information, and validate then process this data on the server.
Authenticating users
WIP
Allowing users to sign in often is a must-have for web applications. We’ll use Auth.js to implement authentication using a GitHub account.
Using databases
WIP
Let’s see how to set up an external database and use Prisma to read and write from it. We’ll continue our authentication system to store the data about signed up users.
Start the course

The best way to learn

Learn Efficiently

Bite-sized lessons perfect for your lunch break, making learning convenient and manageable.

Hands-On Project

Build a real-world project, with crystal-clear instructions and GitHub repository links for easy follow-along.

Unleash Your Creativity

Every lesson concludes with stimulating challenges, empowering you to apply and extend your newfound knowledge.
Start the course

An innovative learning path

This course takes advantage of the latest React and Next.js features to offer a whole new path –a simpler one– to creating your first application.

This is why you’ll learn React and Next.js at the same time, where other courses usually start with React alone.

Want to know more? Check out my blog post about this learning path.

Learn from an experienced instructor

Sebastien Castiel

Passionate developer and ex-engineering manager, Sebastien is a constant learner and loves sharing what he learns. Author of five books about frontend development, he also writes blog posts and always has one or more projects on the side.

More about him on scastiel.dev.