본문 바로가기
Front-End/NextJS

[NextJS]수동설치

by codeZeroMan 2024. 2. 21.

1. 폴더 생성

mkdir next-js-guide

2. npm init

cd next-js-guide
npm init

3. NextJS 의존성 설치

npm i react@latest next@latest react-dom@latest

4. package.json 바꾸기

  • 기존 scripts 내용을 삭제하고 dev 추가하기
    "scripts": {
      "dev": "next dev"
    },

    5. app폴더 만들기

    mkdir app

    6. page.tsx 만들기

    export default  function Hello(){
      return <p>Hello</p>
    }