Next.js

• React를 통해 ssr를 구성할 수 있도록 하는 프레임 워크
  • 클라이언트 렌더링 경우 모든 js파일을 로드하고 많은 시간을 대기해야함. 그것을 해결 가능
  • seo 클라이언트의 경우에는 자바스크립트가 로드되기 전 아무 정보도 보이지 않는 것을 해결 할 수 있다.

Tutorial

nextjs공식 홈페이지에서 제공하는 basics learn course 를 하나씩 따라해 보며 진행 해 볼 생각이다.

• https://nextjs.org/learn/basics/create-nextjs-app

Create a Next.js App

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

해당 명령어를 사용하여 learn-stater 템플릿을 사용하여 Next프로젝트 하나 만듭니다.

& cd nextjs-blog
& npm run dev

해당 명령어를 통해 만든 디렉토리에 접속후에 실행시켜 보자.

여기서 보이는 Welcome을 Learn으로 page > index.js 에서 변경해보자.
Fast Refresh를 통해 기존에 React 개발 했던것과 같이 새로고침 없이 빠르게 개발 가능하다.