Jumpstart your Next.js development with pre-built solutions from Vercel and our community.

Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations.

Use pre-styled components as part of each chapter that leverage Next.js conventions and patterns. Hook up real application logic and data to bring a fully-fledged demo website to life. …

Understand the differences between React and Next.js, and how you can use them together to build modern web applications.

The good news is that Next.js handles much of the setup and configuration and has additional features to help you build React applications. Next, we'll migrate the example from React to …

Learn how to migrate your existing React application from Create React App to Next.js.

Learn how to create a new Next.js application with the `create-next-app` CLI, and set up TypeScript, ESLint, and Module Path Aliases.

If you're new to React or need a refresher, we recommend starting with our React Foundations course, and the Next.js Foundations course that has you building an application as you learn.

Learn the fundamental JavaScript and React concepts that'll help you get started with Next.js.

If you see a peer dependencies warning, you may need to update react and react-dom to the suggested versions, or use the --force or --legacy-peer-deps flag to ignore the warning.