생활코딩

Coding Everybody

코스 전체목록

닫기

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 자세히 보기