What's the best Nextjs architecture?
I have a Nextjs app where the current architecture is:
- app
-- [locale]
--- /home
---- page.tsx
---- loading.tsx
- clientLayout.tsx
- layout.tsx
- loading.tsx
The layout.tsx is something like this:
<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
The layout.tsx is something like this:
<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 ?
Similar Threads
Was this page helpful?
