Next.js 프로젝트 생성

npx create-next-app@latest

✔ What is your project named? … my-Next-Project
✔ Would you like to use TypeScript? … No / Yes
✔ Would you like to use ESLint? … No / Yes
✔ Would you like to use Tailwind CSS? … No / Yes
✔ 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

 

필요에 따라 세부 사항을 결정하면 된다.

 

세부 내용은 아래와 같은 의미이다.

• 프로젝트 이름
• 타입스크립트 사용 유무 : 취향 껏
• ESLint 사용 유무 (Yes 권장) : 코드 문법 검사 도구
• Tailwind CSS 사용 유무 : 취향 껏
• src/ 디렉토리 생성 여부 : 취향 껏
• App Router 사용 여부 (Yes 권장) : Next.js 13버전 이후의 최신의 라우팅 방식
• import 별칭 커스터마이징 할 것인가 : No는 본인이 별도로 커스터마이징 하지 않는다는 뜻, 별도로 이 부분을 제대로 알고 사용하는 것이 아니면 No 선택