Next.js 시작하기 - 소개 및 환경설정

1. 소개

1-1. What next.js

https://nextjs.org/에 가보면
대표문구로 "The React Framework for Production"라고 쓰여 있다.

즉, next.js는 React기반구조라는 것.

1-2. Why next.js

• 개발환경, 코드분할, 파일기반구조 설정의 편리함
• SEO(검색 엔진 최적화) 최적화
• 프론트엔드에 필요한 간단한 API 구성
• 협업시 기준점이 됨
• 손쉬운 배포 시스템(Vercel)

  대체재로는 Gatsby, Remix등이 있음.

---

2. 환경설정

2-1. 설치

• nodejs 설치 (LTS버전 설치 권장)
• git 설치
• vscode 설치
• yarn 설치 "npm install -g yarn" (선택사항)

2-2. VSCode Extension

• React Snippets
• ESLint
• Prettier

2-3. 프로젝트 띄워보기

npx create-next-app nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"

cd nextjs-blog
yarn dev

localhost:3000/

다음에 계속 👇