[NextJS] Next JS 프로젝트 생성 및 실행 방법

2023. 12. 15. 12:00· NextJS
목차
  1. 💋 NextJS 생성 및 실행
  2. ✔️ Next JS 애플리케이션 생성
  3. ✔️ package.json에 써있는 dependencies대로 설치하기
  4. ✔️ Next 애플리케이션 실행
반응형
반응형

 

 

💋 NextJS 생성 및 실행

 

✔️ Next JS 애플리케이션 생성

 

npx create-next-app@<version>

 

그냥 최신 버전을 설치하려면,

 

npx create-next-app@latest

 

 

 

 

 

✔️ package.json에 써있는 dependencies대로 설치하기

 

package.json에 변경사항이 있는 경우에만 하면 된다.

 

npm install

 

 

✔️ Next 애플리케이션 실행

 

npm run dev

 

 

 

 

http://localhost:3000으로 이동하면!

 

 

 

끗

 

도움이 되었다면, 공감/댓글을 달아주면 깃짱에게 큰 힘이 됩니다!🌟
비밀댓글과 메일을 통해 오는 개인적인 질문은 받지 않고 있습니다. 꼭 공개댓글로 남겨주세요!

 

반응형

'NextJS' 카테고리의 다른 글

[NextJS] 이미지 넣기 가장 쉬운 방법: public 디렉토리 활용  (0) 2024.01.02
[NextJS] 페이지 제목 설정: NextJS에서 HTML Head Title 태그를 쉽게 설정하는 방법  (0) 2023.12.22
[NextJS] 다양한 Style 적용법: module.css, 1개의 컴포넌트에 2개 이상의 className 설정하는 방법, styles JSX  (0) 2023.12.21
[NexJS] 모든 페이지에 대한 공통 레이아웃과 스타일을 설정해보자! (feat. _app.js)  (0) 2023.12.18
[NextJS] 새로고침 없이 페이지 전환되는 Client-Side 네비게이션 구현하기 (feat. Pages와 Link 태그)  (0) 2023.12.15
  1. 💋 NextJS 생성 및 실행
  2. ✔️ Next JS 애플리케이션 생성
  3. ✔️ package.json에 써있는 dependencies대로 설치하기
  4. ✔️ Next 애플리케이션 실행
'NextJS' 카테고리의 다른 글
  • [NextJS] 페이지 제목 설정: NextJS에서 HTML Head Title 태그를 쉽게 설정하는 방법
  • [NextJS] 다양한 Style 적용법: module.css, 1개의 컴포넌트에 2개 이상의 className 설정하는 방법, styles JSX
  • [NexJS] 모든 페이지에 대한 공통 레이아웃과 스타일을 설정해보자! (feat. _app.js)
  • [NextJS] 새로고침 없이 페이지 전환되는 Client-Side 네비게이션 구현하기 (feat. Pages와 Link 태그)
깃짱
깃짱
연새데학교 컴퓨터과학과 & 우아한테크코스 5기 백엔드 스타라이토 깃짱
깃짱코딩연새데학교 컴퓨터과학과 & 우아한테크코스 5기 백엔드 스타라이토 깃짱
반응형
깃짱
깃짱코딩
깃짱
전체
오늘
어제
  • 분류 전체보기
    • About. 깃짱
    • Weekly Momentum
      • 2024
    • PROJECT
      • AIGOYA LABS
      • Stamp Crush
      • Sunny Braille
    • 우아한테크코스5기
    • 회고+후기
    • Computer Science
      • Operating System
      • Computer Architecture
      • Network
      • Data Structure
      • Database
      • Algorithm
      • Automata
      • Data Privacy
      • ETC
    • WEB
      • HTTP
      • Application
    • C, C++
    • JAVA
    • Spring
      • JPA
      • MVC
    • AI
    • MySQL
    • PostgreSQL
    • DevOps
      • AWS
      • 대규모 시스템 설계
    • frontend
      • HTML+CSS
    • NextJS
    • TEST
    • Industrial Engineering
    • Soft Skill
    • TIL
      • 2023
      • 2024
    • Linux
    • Git
    • IntelliJ
    • ETC
      • 日本語

블로그 메뉴

  • 홈
  • 깃허브

인기 글

최근 글

태그

  • 컴포지션
  • 스트림
  • 상속과조합
  • TDD
  • lamda
  • 함수형프로그래밍
  • 예외
  • 우아한테크코스5기
  • 상속
  • Stream
  • Composition
  • 우테코
  • 우아한테크코스
  • 레벨로그
  • OOP
  • Java
  • 람다
  • 람다와스트림
  • 조합
  • 우테코5기
hELLO · Designed By 정상우.v4.2.0
깃짱
[NextJS] Next JS 프로젝트 생성 및 실행 방법
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.