# Next.js 기본 생성 명령어

npx create-next-app my-app

 

옵션 없이 실행하면 이렇게 묻는 질문들:

• TypeScript 쓸래?
• ESLint 적용할래?
• Tailwind CSS 쓸래?
• App Router (app 디렉토리 기반) 쓸래?
• src/ 디렉토리 구조로 할래?

추가로 많이 설치하는 패키지

mongoDB

npm install mongoose

 

환경변수파일

.env.local

 

자주 쓰는 실행/빌드 명령어

개발 서버 실행	npm run dev
프로덕션 빌드	npm run build
빌드 후 실행	npm start
타입 검사 (TS 사용 시)	npm run type-check
코드 린트 검사	npm run lint

 

프로젝트 구조 예시 (App Router 기준)

my-app/
├── app/
│   ├── page.tsx
│   └── api/
│       └── weather/route.ts
├── lib/
│   └── mongodb.ts
├── models/
│   └── Weather.ts
├── .env.local
├── next.config.js