New App Router Course: You're currently viewing the Pages Router course. View the new App Router course here.
To build a complete web application with React from scratch, there are many important details you need to consider:
A framework can solve these problems. But such a framework must have the right level of abstraction — otherwise it won’t be very useful. It also needs to have great "Developer Experience", ensuring you and your team have an amazing experience while writing code.
Enter Next.js, the React Framework. Next.js provides a solution to all of the above problems. But more importantly, it puts you and your team in the pit of success when building React applications.
Next.js aims to have best-in-class developer experience and many built-in features, such as:
Next.js is used in tens of thousands of production-facing websites and web applications, including many of the world's largest brands.
This free interactive course will guide you through how to get started with Next.js.
In this tutorial, you’ll learn Next.js basics by creating a very simple blog app. Here’s an example of the final result:
https://next-learn-starter.vercel.app (source)
This tutorial assumes basic knowledge of JavaScript and React. If you’ve never written React code, you should go through the official React tutorial first.
If you’re looking for documentation instead, visit the Next.js documentation.
If you have questions about anything related to Next.js or this course, you're welcome to ask our community on Discord.
Let’s get started!