Learn Next.js

Next.js is a minimalistic framework for server-rendered React applications. It provides a development server and a production build, and makes it simple to add things like pages, file uploads, and dynamic routing.

🕓 Last updated today

Knowledge Check

Take this customized & interactive quiz to test your knowledge on Next.js, then check out the learning resources below.

Question 1 of 5

When is the function called getStaticProps called?

  • after a request
  • on page load
  • at build time

Core Learning

The fastest way to learn Next.js is simply to study these exact resources. Focus on the 👀 to learn extra quickly and save time!

Getting Started

👀 1 Thing to Focus On

  • Learn about setting up Next.js


👀 1 Thing to Focus On

  • Make sure to understand the two different types of pre-rendering

Data Fetching

👀 1 Thing to Focus On

  • Familiarize yourself with getStaticProps, getStaticPaths, and getServerSideProps


👀 1 Thing to Focus On

  • Directory structure is directly correlated with routing in Next.js

Image Component

👀 1 Thing to Focus On

  • Use this component to automatically optimize your images