Nextjs

Next.js 설치, 실행

설치

1. 새로운 폴더를 생성합니다. 폴더 이름은 편한 이름으로 지정해주세요.

2. 터미널을 열고, 새로 생성한 폴더로 이동합니다.

3. 다음 명령어를 터미널에 입력하여 Next.js를 설치합니다:

npx create-next-app@latest .

이 명령어를 실행하면 설치 절차가 시작됩니다. 

필자는 아래와 같이 설정했습니다. 
Typescript : No
ESLink : Yes
Tailwind CSS : Yes
src/ directory : Yes
App Router : Yes
import alias : No

실행

1. 설치한 Next.js를 실행하기 위해 터미널에 다음 명령어를 입력합니다:

npm run dev

이 명령어는 개발 모드에서 Next.js 애플리케이션을 실행합니다.

2. 브라우저를 열고 아래 주소로 접속합니다. 

http://localhost:3000/

3. 실행 중인 Next.js 애플리케이션을 확인할 수 있습니다.

댓글

댓글 본문
  1. 김김김
    npm run dev 시 next.js 서버가 실행되지 않을 경우 node.js의 버전이 next.js에서 호환되지 않는 것일 수 있음.
    아래의 경로에서 호환되는 node.js 버전 확인 가능.

    next.js 설치 폴더/node_modules/next/package.js
    "engines" :{
    "node": 호환되는 버전
    }

    내 경우 node.js 최신 LTS 버전이 22.x 버전이라 이것으로 설치했는데 안돼서 이 곳을 확인해보니 20.0.0 버전 이상 호환이라길래 아직 21, 22 버전은 확인이 안 된 것으로 생각되어 node.js 삭제 후 20.x 버전으로 설치하니 잘 됨
  2. 시작이 반 박수!
  3. 중2 개발자
    하하하하하하하ㅏ
    난 45명중 한명이다!
  4. happydeveloper
    완료했습니다. 그런데 버전명을 더 명시적으로 하는게 좋지 않을까 생각도 듬. 계속 업데이트 되고 있어서요.
  5. 오현승
    감사합니다. 짧은 시간 빠르게 Nextjs 에 대한 학습에 도움이 됐습니다.
  6. Hoon Ko
    20231018
  7. Hoon Ko
    20230905
  8. 230815
  9. 어흥
    230813
  10. egoing
    수정했습니다 :)
    대화보기
    • 딸기공방
      오타 발견
      x Tailwid CSS : Yes
      o Tailwind CSS : Yes
    • benuze
      박수!
    • 무비리
      첫 시작! 시작이 반이니 박수!
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기