What's the best Nextjs architecture?
I have a Nextjs app where the current architecture is:
<ClientLayout>
{children}
</Clientlayout>
Where the ClientLayout is a client side and the page is server side (using dynamic routes).
So it’s a layout (server side) with a clienteLayout (client side) wrapping a page (server side).
Does make sense to split the clientLayout in two sub-components like
`<TopClientLayout />
{children}
< BottomClientLayout />
So the children (pages) wouldn't be wrapped by a client Component ?
- app
-- [locale]
--- /home
---- page.tsx
---- loading.tsx - clientLayout.tsx
- layout.tsx
- loading.tsx
<ClientLayout>
{children}
</Clientlayout>
Where the ClientLayout is a client side and the page is server side (using dynamic routes).
So it’s a layout (server side) with a clienteLayout (client side) wrapping a page (server side).
Does make sense to split the clientLayout in two sub-components like
`<TopClientLayout />
{children}
< BottomClientLayout />
So the children (pages) wouldn't be wrapped by a client Component ?
