[Next.js] Next js 시작하기

Tim·2022년 9월 29일
0

NextJS

목록 보기
1/1

1. 설치하기

// Global 설치
npm i -g create-next-app

// Version 확인
create-next-app --version

// NextJS 프로젝트 생성
npx create-next-app [프로젝트명]

2. 실행하기

npm run dev   // 개발모드로 실행
npm run build // production mode로 빌드
npm run start // productoin mode로 실행

※ 실행 후 파일을 열었을 때 해당 에러가 발생한다면
Parsing error: Cannot find module 'next/babel'

1) 프로젝트 루트경로에 .babelrc 파일을 만들어준 뒤 해당 내용을 입력한다.

{
  "presets": ["next/babel"],
  "plugins": []
}

2) 프로젝트 루트경로에 있는 .eslintrc.json 파일에 해당 내용을 추가 해준다.

{
  "extends": ["next/babel","next/core-web-vitals"]
}
profile
HTML5, CSS3, JavaScript, Typescript, React 프론트엔드 개발자입니다.

0개의 댓글