# Introduction to Next.js: How to Create a Next.js Project?

In this article, you'll find out how to install **Next.js boilerplate** with **Typescript** in **2023**. We'll create nextjs project together including **Prettier**, **ESLint**, **Husky**, **Lint-Staged** etc.

If you do not have **Node.js** and **npm** installed on your computer yet, [you can install them here](https://nodejs.org). Later on, you can check them via these commands to see if they're installed to start creating new **Next.js + Tailwind CSS** project.

```apache
node -v
```

```apache
npm -v
```

To create a next.js project, you can use this command in **CLI**.

```apache
npx create-next-app app-name
```

You can replace 'app-name' with the new project name.

You'll see some questions about **Typescript**, whether you want a src/ folder and then app/ folder. Just answer according to your need. I generally select Typescript - Yes, src/ - Yes, app/ - No.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676045907600/f0b29800-df66-4b45-ba6b-f70cd5e29ef4.png align="center")

Your **Next.js app** is ready. You can start it via this command:

```apache
cd app-name
npm run dev
```

You'll see it **localhost:3000** if your 3000 port is empty and unused. If it is not, Next.js will try to use another empty port like 3001, 3002 etc. Next.js port is **3000** for default.

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1676046506383/a648578f-21f6-4d5a-96e7-c6a905ba4ff2.png align="center")

[You can view this Github repo](https://github.com/ixartz/Next-js-Boilerplate) to see a Next.js boilerplate project including:

* Next.js
    
* TypeScript
    
* Tailwind CSS
    
* ESLint
    
* Prettier
    
* Husky
    
* Lint-Staged
    
* Jest
    
* Testing Library
    
* Cypress
    
* Commitlint
    
* VSCode
    
* Netlify
    
* PostCSS