Next.js 프로젝트 기본 셋팅

1. 프로젝트를 생성합니다.

npx create-next-app@latest

 

2. 다음과 같이 설정합니다.

What is your project named? my-app
Would you like to use TypeScript? Yes
Would you like to use ESLint? Yes
Would you like to use Tailwind CSS?  Yes
Would you like to use `src/` directory?  Yes
Would you like to use App Router? (recommended)  Yes
Would you like to customize the default import alias (@/*)?  Yes

 

3. 기본 라이브러리를 설치해 줍니다.

npm i

 

4. 실행하여 설치된 라이브러리가 문제가 없는지 확인합니다.

npm run dev

 

Next.js가 localhost:3000 에서 실행된 모습

 

5. nextauth 5(beta) 를 설치합니다.

npm i next-auth@5.0.0-beta.16