1. Next.js 프로젝트 생성

1-1.Node.js 18.17 or later

Next.js는 React와 다르게 서버 프로세스로 동작하기 때문에 자바스크립트 실행환경(Runtime)인 Node.js가 설치되어 있어야함(최소 18.17 버전 이상)

terminal


# Node.js 버전 확인
node -v

2. Next.js 프로젝트 생성 - `create-next-app`

Next.js에서 권장하는 프로젝트 생성 방식은 프로젝트에 활용할 기본적인 구조와 의존성이 자동으로 구성되도록 지원해주는 create-next-app 모듈을 사용하여 설치하는 것

2-1. npm 기반 설치 방법

create-next-app 실행

terminal


npx create-next-app@latest

프로젝트 세팅에 필요한 의존성 설치 & 부가 설정 적용 여부를 묻는 가이드가 표시됨

terminal


What is your project named? my-app # 프로젝트 이름
 
Would you like to use TypeScript? No / Yes # TypeScript 사용 여부?
 
Would you like to use ESLint? No / Yes # ESLint 사용 여부?
 
Would you like to use Tailwind CSS? No / Yes # TailwindCSS 사용 여부?
 
Would you like to use `src/` directory? No / Yes
 
Would you like to use App Router? (recommended) No / Yes
 
Would you like to customize the default import alias (@/*)? No / Yes

💡

Tip

Next.js는 TypeScript와 ESLint, Tailwindd CSS를 기본 설정으로 설치할 수 있도록 제공함

1. Next.js 프로젝트 생성

1-1.Node.js 18.17 or later

2. Next.js 프로젝트 생성 - create-next-app

2-1. npm 기반 설치 방법

2. Next.js 프로젝트 생성 - `create-next-app`