NextJS 기본 알아보기

NextJS 프로젝트 만들기

nps create-next-app

폴더

• pages
  • 파일 기반의 라우팅 설정
• public
  • NextJS는 내장된 사전 렌더링이 포함되어 있다.
    • 요청이 서버로 도달할 때에 싱글 페이지 애플리케이션(SPA)의 단일 페이지가 동적으로 사전 렌더링이 되어 콘텐츠를 포함한 초기 페이지를 반환하는 것
• styles

스크립트

npm run dev

• 개발 서버를 실행
• 개발 서버는 NextJS 페이지 및 앱의 전반을 담당하는 내장 서버로 코드를 확인해 파일에 변경 사항이 저장될 때마다 브라우저에 나타나는 페이지를 새로고침하고 업데이트함

npm run build

• 프로덕션 용으로 구축

npm start

• 최적화된 서버를 시작