2024. 6. 27. 다음주가 두렵다

Next.js는 React 기반의 프레임워크로, 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 지원하여 웹 애플리케이션의 성능과 SEO(검색 엔진 최적화)를 향상시키는 데 중점을 둔다.

 

서버 사이드 렌더링(SSR): 각 요청마다 서버에서 페이지를 렌더링하여 클라이언트에게 HTML을 전달. 이를 통해 초기 로딩 속도가 빠르고, SEO에 유리

 

정적 사이트 생성(SSG): 빌드 시 모든 페이지를 미리 생성하여 정적 파일로 제공하므로, 빠른 페이지 로딩 속도와 간편한 배포가 가능

 

파일 기반 라우팅: 파일 시스템을 기반으로 자동으로 라우트를 생성함. pages 디렉터리에 파일을 생성하면, 해당 파일 이름이 URL 경로가 됨

 

API 라우트: API 엔드포인트를 간단하게 설정할 수 있음. pages/api 디렉터리에 파일을 생성하면, 해당 파일이 API 엔드포인트로 작동함

 

CSS 및 Sass 지원: CSS 모듈과 Sass를 네이티브로 지원하여 스타일링을 손쉽게 할 수 있음

 

Image Optimization: 최적화된 이미지 로딩을 제공하여 성능을 더욱 향상시킴

 

TypeScript 지원: TypeScript를 네이티브로 지원하여 타입 안정성을 제공

 

Fast Refresh: 개발 중 실시간으로 변경 사항을 반영하는 빠른 업데이트 기능을 제공

 

Next.js는 개발자 경험을 향상시키면서도, 사용자에게 빠르고 효율적인 웹 애플리케이션을 제공하는 데 중점을 둔 강력한 도구이다.