Next.js 13 버전 이상의 App Router 환경에서도 적용 가능할까요?

[kevin-sjj]

안녕하세요! 저희 팀에서 Next.js App Router 를 통해 새로운 프로젝트를 개발하려 하고 있습니다.

모바일 앱에서 웹뷰를 제공하기 때문에 Stack Navigation 경험을 주고 싶어서 이 라이브러리를 적용해보려 하고 있습니다.

Next.js Pages Router 와의 Integration 예제는 저장소상에서 찾아볼 수 있어서 소스 예제를 따라가보면 적용이 가능할 것 같은데

App Router(RSC + Streaming SSR) 예제는 살펴보기 어렵습니다 ㅠ.ㅠ 혹시 간단한 연동 예제 가이드를 추가해주실 수 있는 부분일지 문의드립니다.

[anaclumos]

저희 팀도 비슷한 고민을 하고 있어요. 저희는 적용에 어려움이 있을 것 같아, View Transitions API랑 Nested Layout & Parallel Routes로 스택과 같이 보이는 눈속임을 하는 방향을 연구 중이예요. 다른 분들 의견도 궁금합니다.

[SimYunSup]

현재 @stackflow/react의 구조에서는 힘들 것 같습니다. PluginRenderer에서 activity를 렌더링하는데, 그러면 (Activity 컴포넌트 안에 서버 컴포넌트를 삽입하는 경우) 클라이언트 컴포넌트 내에서 서버 컴포넌트를 삽입하게 되어 오류가 발생합니다(출처).

App Router를 사용하고 싶으시다면 기존 @stackflow/react 대신 Activity 컴포넌트를 미리 렌더링한 후 다른 컴포넌트를 감싸는 방식으로 다시 구현해야 합니다.

예시: payloadcms/beta - 렌더링 컴포넌트 와 사용 방식

[Moon-DaeSeung]

@kevin-sjj @anaclumos

https://ssgoi.dev 은 nextjs app 라우터는 물론, 서버컴포넌트 환경에서도 원활히 지원합니다.