Sign in

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 for freeand join … other enthusiastic learners

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 for free

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 for free

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.

Track Your Progress

Easily mark lessons as completed to keep tabs on your advancement throughout the course.
Start for free

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.

Pay once. Yours forever.

  • Get instant access to ready lessons
  • Receive future lessons when they’re ready
  • Invest on yourself, learn new valuable skills
  • Support me, an indie content creator 🥰
✨ BLACK FRIDAY DEAL! ✨ Use code FRIDAY23 at checkout to get $30 off!
Early-access pricing
Save $60
$69
$129
Start for free
Prices in Canadian Dollars. Taxes not included.
Interested in purchasing for your team? Contact me!
Would you prefer learning React during a live workshop?
More about the live workshop

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.