Next.js Overview

• Next.js 개요
  • React 기반 production-ready web application framework
  • 다양한 렌더링 방식 지원
    • Server-Side Rendering (SSR)
    • Static Site Generation (SSG)
    • Client-Side Rendering (CSR)
  • 핵심 목표
    • Developer Experience 향상
    • 성능 최적화
• 핵심 특징
  • App Router 중심 구조 (Next.js 13 이후)
  • React Server Components 기본 사용
  • Vercel에서 개발
  • 최신 버전 기준 지속적 성능 개선
• React vs Next.js
  • React → UI library
  • Next.js → Full-stack framework (routing + rendering + API 포함)

Next.js Core Features

Key Benefits

• Built-in Routing
  • 파일 기반 자동 라우팅
• Automatic Code Splitting
  • 페이지 단위 JS 로딩 최적화
• SSR + SSG 지원
• API Routes
  • backend 기능 내장
• Developer Experience 개선
  • 설정 최소화, 빠른 개발환경

Installation

• 자동 설치 방식

npx create-next-app@latest