Become a better developer one pattern at a time.

Easy to understand, practical, and full of examples.

Patterns are self‑paced, self‑contained, goal‑oriented, multimedia Next.js courses.

Wow, that's a mouthful. Let me rephrase.

Each Pattern is a course on its own that will teach you how to solve a precise problem. For instance serving files from Next.js, or using client-only code in your React components.

A Pattern combines text content, code samples, videos and practical exercices. My experiences with students taught me that this is the best way to learn and memorize new concepts.

New Patterns will come up regularly. The first Pattern is already out, you can preview the course content for free.

Discover the first Next.js Pattern!

Text, videos and exercises, there is an option for whatever type of learner you are!

  • €15

Manage client-only code with React "Browser Components" - a Next.js Pattern

  • Course
  • 21 Lessons

In this Pattern, we will learn how to handle client-only code with Next.js. This is more delicate as it seems, because your React components are also imported and rendered server-side by Next.js. Ever met the dreaded "hydration failed" error or `window` not defined? There are multiple solutions to this problem, and I am going to help you pick the best one for each scenario.

Checkout the first Pattern introductory video

Hi, my name is Eric Burel

And I'll be your teacher for this course, pleased to meet you!

I am an engineer and teacher from France. You may know me from the State of JavaScript/CSS/HTML surveys that I help maintaining.

A few years ago I made the bet that Next.js would become a major technology, and I've never been so right in my life.

Since then, I've been teaching Next.js and web development to various organizations in France and abroad. Next.js Patterns is built upon the knowledge I've gathered both as a developer and a teacher.

I hope you'll enjoy following this course as much as I've enjoyed writing it!

Sacha Greif / Creator of Devographics surveys

“Eric's knowledge of the intricacies of Next.js and the pros and cons of all the different server and client architecture goes far beyond any other developer I've worked with, to the point where he could probably write a PhD dissertation on the topic if he wanted to.”

Erfan Ebrahimnia / Curator of Next.js Weekly

"The course is very enjoyable, and I appreciate the hands-on approach where you actually have to write some code. The explanations are thorough but not boring, and you gain a clear grasp of the problem before diving into the specific Next.js pattern."

Subscribe to the newsletter

Each new Pattern is released in early access with a limited time 50% (or more) discount, until the final version with videos is published.

Stay informed by joining the newsletter.

You're signing up to receive emails from Next.js Patterns