- React 기반의 웹 애플리케이션을 쉽게 개발할 수 있도록 도와주는 프레임워크입니다.
- Next.js는 React의 기능을 확장하고 보완하여 개발자들이 보다 효과적으로 웹 애플리케이션을 구축할 수 있도록 합니다.
- 주요 특징과 기능
- 서버 사이드 렌더링(SSR)
- Next.js는 서버 측에서 React 컴포넌트를 실행하여 초기 HTML을 생성하므로 검색 엔진 최적화(SEO)를 개선하고 초기 로딩 속도를 향상시킵니다.
- 정적 사이트 생성(SSG)
- 빌드 시점에 페이지를 미리 렌더링하여 정적인 HTML파일을 생성하는 정적 사이트 생성을 지원합니다.
- 이를 통해 빠른 페이지 로딩 속도와 안정적인 성능을 제공할 수 있습니다.
- 데이터 미리 가져오기(Prefetching Data)
- 페이지가 로드되기 전에 필요한 데이터를 미리 가져와서 성능을 최적화 합니다.
- getStaticProps 또는 getServerSideProps와 같은 메서드를 사용하여 데이터를 미리 가져올 수 있습니다.
- 동적 라우팅(Dynamic Routing)
- 파일 시스템 기반의 동적 라우팅을 제공하여 간편하게 동적 URL을 처리할 수 있습니다.
- 개발 환경 자동 설정
- 개발 환경을 자동으로 설정하여 빠른 개발을 지원합니다.
- Babel, Webpack, Hot Module Replacement 등의 도구들이 이미 설정되어 있습니다.
- 개발 환경을 자동으로 설정하여 빠른 개발을 지원합니다.
- CSS-in-JS 지원
- styled-components, Emotion 등의 라이브러리를 통해 스타일을 관리할 수 있습니다.
- API 라우팅
- API 엔드포인트를 쉽게 작성할 수 있는 API라우팅 기능을 제공합니다.
- pages/api 디렉토리에 API엔드포인트를 작성하여 서버리스 함수를 만들 수 있습니다.
- API 엔드포인트를 쉽게 작성할 수 있는 API라우팅 기능을 제공합니다.
- 타임스크립트 지원
- TypeScript르 사용하여 타입 안정성을 확보할 수 있습니다.
- 서버 사이드 렌더링(SSR)
밝고 빛나게