[Next.js] Next.js setup 하는 방법

수동 설치 방법

• 폴더 생성 후 이동
• visual studio code 열기
• npm init -y, license MIT로 변경
• npm i react@latest next@latest reat-dom
• script 변경

scripts : {
"dev" : "next dev"
}

• app폴더 안에 page 만들기
  • NextJS는 실행시 app폴더 안의 page파일을 찾아보며 동작
• Next.js는 경로를 명시해줄 필요없이 파일시스템을 통해 알아서 url을 표현

create next app으로 시작하기

• 폴더 생성 후 이동
• visual studio code 열기
• terminal에 명령어 입력

npx create-next-app@latest
What is your project named?  프로젝트명
Would you like to use TypeScript?  타입스크립트 사용 여부
Would you like to use ESLint?  ESLint 사용 여부
Would you like to use Tailwind CSS?  Tailwind 사용 여부
Would you like to use `src/` directory?  src 디렉토리 사용여부
Would you like to use App Router? (recommended)  App Router 사용 여부
Would you like to customize the default import alias (@/*)?  경로설정시 별명 사용 여부