[Next.js] 프로젝트 생성 / 개발 서버 실행

프로젝트 생성 공식문서

$ npx create-next-app@latest

 

yarn 사용 시

$ yarn create next-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 (src 폴더 사용 여부)
src 폴더 사용 / 사용 시, src 폴더 아래에 app 폴더 만들어짐. 이 부분은 프로젝트 폴더 구조에 따라, 개인 취향에 따라 결정하면 될 듯
✔ Would you like to use App Router? (recommended) … No / Yes (App Router 사용 여부)
Next.js에서 App Router 쓸 것인지 Pages Router 쓸 것인지에 따라 환경구성이 달라질 것 같은데 Pages Router를 안써봐서 잘 모르겠다. App Router가 최신 라우터이기도 하고 처음 사용자는 App Router 사용을 추천하는 글이 있어 App Router 사용
✔ Would you like to customize the default import alias (@/*)? … No / Yes (절대 경로 기호 수정 여부)

 

 

개발서버 실행

$ yarn dev