Next 13 이후 변경 점

2024. 7. 21. 09:57·Next.js

Next 13 이후 변경 점

  • 앱라우터가 생김 (이전까지는 페이지 라우터)
  • 디렉토리 구성에 많은 변화가 생김
  • 레이아웃이 생겼다.
  • 미들웨어가 더 업그레이드 되었다. (헤더설정이나, redirect 기능) 미들웨어는 Next12에 도입
  • React18 버전 서버컴포넌트를 지원한다. (서버컴포넌트 이점 - 클라이언트로 전송되는 js파일의 용량을 줄여 초기로딩속도 줄임)
  • 서버컴포넌트가 Next서버에서 돌아가다보니 부담을 줄 수 있어서 캐시기능을 기본적으로 지원
  • 스트리밍 - 로딩상태를 표현하고 렌더링되는대로 UI를 스트리밍한다.
  • Turbopack 포함되어있음
  • next/image 기능 향상
  • @next/font 기능 향상
  • next/link 사용시 a태그를 자식으로 두지 않도록 형태 변경

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

Server Component와 Client Component 차이  (3) 2025.07.25
Next 스트리밍 with Suspense  (5) 2025.07.24
persistQueryClient를 활용해 초기렌더링 개선하기  (3) 2025.07.08
Next.js with CSS-in-JS  (0) 2024.12.26
NEXT IMAGE TEST  (0) 2023.09.14
'Next.js' 카테고리의 다른 글
  • Next 스트리밍 with Suspense
  • persistQueryClient를 활용해 초기렌더링 개선하기
  • Next.js with CSS-in-JS
  • NEXT IMAGE TEST
ssund
ssund
  • ssund
    ssund의 기술블로그
    ssund
  • 전체
    오늘
    어제
    • TECH (82)
      • Next.js (8)
      • React (25)
      • Vite (1)
      • javascript (17)
      • CSS (6)
      • CS (10)
      • AWS (0)
      • Jest (1)
      • CI|CD (0)
      • 알고리즘 (8)
      • Tools (1)
      • Tips (5)
  • 블로그 메뉴

    • 링크

    • 공지사항

    • 인기 글

    • 태그

      배열요소순서
      웹브라우저구성
      JavaScript
      nextjs
      app-router
      타입스크립트
      call signatures
      theme-provider
      redux
      react state management
      React
      TypeScript
      서버컴포넌트
      git배포
      reat-head
      함수와 메서드차이
      global-style
      커머스프로젝트
      Array.sort()
      styled-components
    • 최근 댓글

    • 최근 글

    • hELLO· Designed By정상우.v4.10.0
    ssund
    Next 13 이후 변경 점
    상단으로

    티스토리툴바