NextJS 수동 설치

 

1. study-nextJS14 폴더 생성

2. Visual Studio Code에서 nextjs14 폴더 열기

3. VSC의 터미널 안에서 npm init -y 입력 -> package.json 파일이 생성됨

4. package.json에서 license를 MIT으로 변경

 

5. npm install next@latest react@latest react-dom@latest 설치

 

6. package.json에서 "scripts"를 "dev": "next dev"로 변경

(이 dev 명령어를 실행하면 Next JS가 실행된다)

 

7. app/page.tsx 폴더 생성

 

page.tsx

export default function Tomato() {
    return <h1>Hello NextJs!</h1>
}

 

8. 터미널에 npm run dev 입력