생활코딩

Coding Everybody

Next.js 설치, 실행

토픽 생활코딩 > WEB > WEB2 - JavaScript > React > Next.js 13

설치

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. 시작이 반 박수!
  2. 중2 개발자
    하하하하하하하ㅏ
    난 45명중 한명이다!
  3. happydeveloper
    완료했습니다. 그런데 버전명을 더 명시적으로 하는게 좋지 않을까 생각도 듬. 계속 업데이트 되고 있어서요.
  4. 오현승
    감사합니다. 짧은 시간 빠르게 Nextjs 에 대한 학습에 도움이 됐습니다.
  5. Hoon Ko
    20231018
  6. Hoon Ko
    20230905
  7. 230815
  8. 어흥
    230813
  9. egoing
    수정했습니다 :)
    대화보기
    • 딸기공방
      오타 발견
      x Tailwid CSS : Yes
      o Tailwind CSS : Yes
    • benuze
      박수!
    • 무비리
      첫 시작! 시작이 반이니 박수!