How To Set Up Next.Js 13 Project

From this article you’ll learn how to set-up Next.js with all the tips that you may need during this process.

Next.js 13 Prerequisites

For prerequisites and basic install instruction you can visit the Next.js documentation. As of 24.04.2023 you need Node.js 14.18.0.

Protip: If you have already different version of Node.js, install nvm to switch between versions easily

Creating Next.js 13 Project

Next, start the project creator with one of the following options:

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

I’m using the last one, because it seems to be the fastest one as of today.

After starting the command, you will be asked some questions. I will go through the options and tell you what to choose:

What is your project named?

Type your project name. You can change it later. It’s not so important. Just remember to use lowercase letters

Would you like to use TypeScript with this project? YES

Obviously yes. TypeScript will allow you to define variable types and type check variables and functions without guesswork. So it’s nice to use it.