[Next.js] Getting Started

Next.js를 시작하며 조금 더 디테일한 구현을 위해, 공식 문서를 학습 목표로 삼아 번역하는 개인 스터디입니다.

Next.js ?

Next.js는 React의 서버사이드 렌더링 구축을 위한 프레임워크이다. 번들링, 컴파일 등의 도구들을 추상화하고 자동으로 구성하며 애플리케이션 구축에 집중할 수 있게 해준다.

주요 기능

Routing	레이아웃, 중첩 라우팅, 로딩 상태, 오류 처리 등을 지원하는 서버 컴포넌트 위에 구축된 파일 시스템 기반 라우터
Rendering	클라이언트/서버 컴포넌트를 사용한 렌더링. 서버의 정적/동적 렌더링을 더욱 최적화할 수 있다
Data Fetching	React 컴포넌트의 async/await 지원과 웹 플랫폼과 일치하는 fetch API를 통해 간소화된 데이터 불러오기 가능
Styling	CSS Modules, Tailwind CSS, CSS-in-JS 등 사용자가 선호하는 스타일링 방식 지원
Optimizations	핵심 Web vitals 및 사용자 경험 개선을 위한 이미지, 글꼴 스크립트 최적화
TypeScript	TypeScript에 대한 지원이 개선되어 더 나은 유형 검사 및 효율적인 컴파일은 물론, 사용자 지정 TypeScript 플러그인 및 유형 검사기가 제공
API Reference	Next.js 전반의 API 디자인이 업데이트되었으며, 이후 API 참조 항목에서 확인 가능
Community	GitHub Discussions, Discord, Twitter, Reddit