20240701 41일차
Next.js
Next.js는 React의 단점을 보완하기 위한 프레임워크이다
서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원한다.
Next.js는 SEO 최적화, 초기 로딩 시간 단축, 코드 분할 등의 장점들이 있다.
프레임워크
간단하게 설명하면, 틀이 짜여져 있어서 그 기준에 맞게 코드를 작성을 해야한다.
Next.js는 코드나 디렉토리 구성을 어떻게 해야하는지 정해져 있는 기준이 있어서 그 틀을 따라야하기 때문에 프레임워크이다.
서버 사이드 렌더링 (SSR)
클라이언트가 요청할 때마다 서버에서 페이지를 생성하여 전달한다. 이는 검색 엔진 최적화(SEO)에 유리하다.
정적 사이트 생성 (SSG)
빌드 시점에 HTML 파일을 생성하여 제공한다. 빠른 로딩 속도와 SEO 최적화가 가능하다.
Next.js 셋업 방법
Next.js 설치
npx create-next-app@latestyarn create next-app
Next.js의 라우팅 방법
Next.js는 기존에 사용했던 React Router DOM을 사용하지 않고도 라우팅이 가능하다.
각 페이지는 pages 디렉토리 내의 파일 구성으로 설정이 가능하다.
Develop myself