Javascript/Next.js

Next.js 란 무엇인가?

ppthejake 2023. 10. 19. 16:45

Next.js 는 어플리케이션을 개발하기 위한 React 프레임워크입니다.

사용자 인터페이스를 구축하기 위해 React 컴포넌트를 사용하면, Next.js 는 추가 기능 및 최적화를 제공합니다.

 

Next.js 를 사용하면 React로 UI를 구현하고 라우팅, 데이터 패칭, 성능과 같은 요소를 해결함과 동시에 개발자 경험까지도 개선할 수 있습니다. 

주요 기능

  • 라우팅 : 직관적인 파일 시스템 기반 라우팅 시스템
  • 렌더링 : 페이지 단위의 사전 렌더링(Pre-rendering), 정적생성(SSG), 서버 사이드 렌더링(SSR)
  • 데이터 패칭 : 서버 컴포넌트에서 데이터 가져오기를 간소화하고, 메모이제이션, 데이터 캐싱을 위한 확장된 fetch API 제공
  • 코드 분할 : 빠른 페이지 로딩을 위한 자동 코드 분할
  • 개발환경 : 빠른 새로고침을 지원하는 개발 환경 제공
  • 스타일링 : CSS 모듈, Tailwind CSS, CSS-in-JS 등 다양한 스타일링 방법을 지원
  • 최적화 : 이미지, 폰트, 스크립트를 최적화하여 사용자 경험을 개선
  • 타입스크립트 : 타입스크립트 지원

 

'Javascript > Next.js' 카테고리의 다른 글

App Router  (0) 2023.10.19