1. Next.js ?

React 기반의 서버 사이드 렌더링(SSR)을 지원하는 프레임워크입니다.

웹 애플리케이션을 구축하는데 필요한 여러 가지 기능을 제공하며, 특히 웹사이트의 성능 최적화와 검색 엔진 최적화(SEO)에 초점을 맞추고 있습니다.

2. Next.js의 주요 기능

1 ) 서버 사이드 렌더링 (SSR)

Next.js는 초기 페이지 로드 시 서버에서 렌더링하여 클라이언트에 전송합니다. 이는 페이지의 로딩 시간을 줄이고, 검색 엔진이 페이지 내용을 더 잘 이해할 수 있게 해서 SEO를 향상시킵니다.

2 ) 정적 사이트 생성 (SSG)

Next.js는 빌드 시간에 페이지를 렌더링하여 정적 파일을 생성할 수 있습니다. 이는 서버 부하를 줄이고, 콘텐츠 전달 네트워크(CDN)를 통해 빠르게 페이지를 제공할 수 있게 합니다.

3 ) 파일 기반 라우팅

Nextjs는 파일 시스템을 기반으로 라우팅을 제공합니다. 'pages' 디렉토리에 있는 각 파일이 하나의 라우트가 됩니다.

4 ) API 라우트

Nextjs는 'pages/api' 디렉토리에 있는 파일을 API 엔드포인트로 처리하여, 별도의 서버 없이도 API를 구현할 수 있게 합니다.

5 ) 프리패칭

Nextjs는 브라우저에 라우트 데이터를 미리 불러와서, 링크를 클릭할 때 페이지 전환을 즉시 수행할 수 있게 합니다.