PPR은 island 아키텍처인가?

PPR은 island 아키텍처인가?PPRisland 아키텍처PPR과 island 아키텍처의 차이클라이언트 컴포넌트와 island의 비교Astro의 렌더링 모델2층 아키텍처의 나선기술 선택의 나선요약 최근 Next.js의 새로운 렌더링 모델인 Partial Pre-Rendering(이하 PPR)이 장안의 화제인데요. 결론부터 말씀드리면, PPR과 island 아키텍처는 전혀 다른 개념입니다. 이 글에서는 PPR과 island 아키텍처의 차이점에 대해 설명하겠습니다. PPR 먼저 PPR과 island 아키텍처의 개요를 다시 정리해보겠습니다. PPR은 페이지를 static rendering으로 하면서도, 부분적으로 dynamic rendering을 가능하게 하는 렌더링 모델입니다. 구체적으로는, 화면을 빌드 ..

• format_list_bulleted Javascript
• · 2024. 6. 10.
• textsms

Next.js와 PPR: 프리렌더링의 신시대와 SSR/SSG 논쟁의 종결

Next.js와 PPR: 프리렌더링의 신시대와 SSR/SSG 논쟁의 종결렌더링 모델의 역사 돌아보기Pages Router 시대App Router 등장 이후Streaming SSRSSG/SSR에 있어 정적·동적 데이터의 혼재PPR이란?정적화와 Streaming 렌더링의 혜택PPR의 동작 관찰PPR 고찰SSG + Client fetch / Streaming SSR과의 비교PPR을 통한 React다운 설계 책임SSR/SSG 논쟁의 종결PPR의 단점 고찰감상 Partial Pre-Rendering(이하 PPR)은 Next.js v14.0에서 발표된 SSR과 SSG에 필적하는 새로운 렌더링 모델입니다. PPR은 개발 중인 기능으로, v15의 RC(Release Candidate) 버전에서 experimental ..

• format_list_bulleted Javascript
• · 2024. 6. 10.
• textsms

Next.js 버전 15의 핵심 변경 사항 - 기본적으로 비활성화된 라우팅 및 데이터 캐싱

Next.js 버전 15의 핵심 변경 사항 - 기본적으로 비활성화된 라우팅 및 데이터 캐싱v15의 파괴적 변경 사항 개요캐시 설정의 파괴적 변경Data Cache의 비활성화Router Cache의 비활성화왜 이 시점에서 변경되었을까?v15 이후 Next.js의 설계 사상요약Next.js의 App Router는 종종 어렵다는 평가를 받습니다. 이는 React의 새로운 기능인 Server Components와 같은 Server First 패러다임 전환을 요구하고, 기본 캐시 동작이 초보자들에게 혼란을 줄 수 있기 때문입니다. Server Components나 Server Actions와 같은 React의 새로운 기능은 초보자를 위한 에러 힌트 및 수정을 돕는 설계가 되어 있으며, 많은 문서와 기사가 공개되어..

• format_list_bulleted Javascript
• · 2024. 5. 25.
• textsms