nextjs 를 이용한 레이아웃 분기 질문

안녕하세요. 리액트로 작업을 하게 된 뉴비입니다.

현재 작업환경은 SSR을 위한 nextjs 기반에서 작업하고 있습니다. 다름이 아니고 현재 _document.js --> _app.js --> 서비스 이런 식으로 흐름이 진행되는데 서비스 전반의 레이아웃을 _app.js에서 정의하고 있습니다. 그런데 여기서 레이아웃이 전혀 다른 예를 들면 이벤트 페이지라던지 홍보페이지 같은 곳으로 이동을 해야할 경우 _app.js 에서 정의하고 있는 레이아웃을 쓰지 못하는데요. 어느 쪽에서 어떤 방법으로 분기? 를 태워서 _app.js에서 정의한 레이아웃을 태우는 서비스(페이지)와 그렇지 않은 서비스(페이지) 구성할 수 있을까요?

좀 보시기에 이상하고 한심한 질문일 수 있는데 많은 관심과 정보 좀 부탁드립니다 ㅠ

페이지에 따라 다른 몇가지의 레이아웃이라면 _app.js에 넣지 마세요.
React Component로 만드셔서 각각의 페이지에서 render에 넣습니다.

// layout.js
const Layout = ({ children }) => (<div>{children}</div>);

// index.js
const Index = () => (<Layout>{...}</Layout>);

일단 답변 주셔서 감사합니다 ㅠ
글을 올리고 나서 몇가지 방법들을 생각해봤는데 알려주신 방법도 사용하여서 문제를 해결해보겠습니다.