참고

vercel 사가 제공하는 Next.js 공식 튜토리얼 인용입니다. 마루 파크리입니다.
또, YouTube에서 발신되고 있는 트라해크씨 의 동영상이 Next.js를 학습하는데 있어서 엄청 알기 쉬웠습니다!!
정말로 마음대로 소개해 주셨습니다.

Next.js로 환경을 구축하는 이점

1.Babel+Webpack의 복잡한 환경설정이 불필요
2.Code Splitting과 같은 최적화 설정이 필요 없음
3. 퍼포먼스나 SEO를 위한 pre-render 설정이 불필요
4.Rendering 타이밍을 선택할 수 있다(CSR,SSR,SSG)
5. 서버 측 처리 (api)를 쉽게 구현할 수 있습니다

Next.js 환경 구축

※주의
- Windows는 Unix 명령을 사용할 수있는 git bash를 사용하십시오.
- 노드가 들어있는 전제입니다.

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

succesfully!로 프로젝트가 완료되면,
$ cd nextjs-blog(プロジェクト名)


$ npm run dev

로컬 서버 시작
http://localhost:3000/
열기

끝에

Next.js 커뮤니티는 활발하고 업데이트도 활발한 곳이 재미있다! !