Next 14

App Router 정리하기 전, Server Component와 Client Component에 대해 간단히 짚고 넘어가려 한다. 원래는 App Router 게시글과 함께 작성하려고 했으나 글이 길어질 것 같아 이렇게 따로 정리 정리한다.렌더링되는 장소가 서버냐 클라

서론 X(구 트위터) 클론 코딩에서 App Router를 사용할 예정이라 이번 기회에 정리하고 넘어가려 한다. Next.js 13버전에서 beta였던 App Router가 13.4버전에 들어서면서 Stable로 변경 되었다. Next 공식 도큐먼트에도 Using Ap

Route Groups /app 내 폴더들은 URL 경로로 직접 매핑된다. 하지만 폴더명을 () 로 감싼 route group을 생성하면 포함되지 않는다. 특정 화면들에 공통 레이아웃을 삽입할 때 어플리케이션을 분할해 다수의 root layout을 생성할 때 URL 구

⬅️ App Router (2/3) Route Handlers page Router에서 /api Routes와 비슷한 개념이다. Web Request와 Response API를 사용해 특정 route에 대해 Custom Handler를 작성할 수 있게 해준다. Co

라우팅 방식이 page router 에서 app Router 로 전환되면서렌더링 종류에 따라 구현하는 방법이 변경되어 정리해보고자 한다.렌더링 종류에는 크게 CSR | SSR | SSG | ISR 4가지 종류가 있다.page router 에서는 getServerSid