Routing in Next.js

Setup your Project


I am assuming you have Node.js and npm/yarn/pnpm installed. If not, install those first!

First off, you need a basic Next.js project setup. If you are doing this locally, open a terminal and run

npx create-next-app@latest
# or
yarn create next-app
# or
pnpm create next-app

This will bootstrap a basic Next.js app

If you just want to follow along with this tutorial, use the embedded project editor on your screen. Everything is already setup for you!

The built in editor runs thanks to the amazing StackBlitz so make sure to check them out! They are doing some pretty amazing work, and have even made running Node.js apps entirely possible in the browser!