Next.js 공식문서 (번역, 공부)/Getting Started

Project Structure

최상위 폴더 app : app 라우터 public : 정적 에셋들을 저장하는 폴더 src: 소스 파일들을 저장하는 폴더 최상위 파일 next.config.js : next.js 설정파일 package.json : 프로젝트 의존성과 스크립트들 instrumentation.ts : 오픈텔레메트리와 계측 파일(?) middleware.ts : Next.js가 요청하는 미들웨어 .env : 환경 변수 .env.local : 지역 환경 변수 .env.production : 배포 환경 변수 .env.development : 개발 환경 변수 .eslintrc.json : ESLint를 위한 설정 파일 .gitignore next-env.d.ts : Next.js를 위한 타입스크립트 선언 파일 tsconfig.json..

Installation

Node.js 18.17이나 그 이상의 버전이 필요! 자동 설치 npx create-next-app@latest next 최신 버전으로 자동 설치! TypeScript, ESLint, Tailwind CSS 등 선택하여 자동으로 설치하게 할 수 있다. 수동 설치 npm install next@latest react@latest react-dom@latest 그 이후 package.json을 열어서 다음과 같이 설정해주면 된다. { "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" } } 위 스크립트는 개발의 여러 단계를 나타낸다. dev: next dev로 시작하면, 개발 모드에서..