mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
Janka UrygaandGitHub
b085fafe5e
the "wait for 500ms" thing was a leftover of me inspecting the test apps visually, we don't need it anymore and it slows the tests down unnecessarily
35 lines
1012 B
TypeScript
35 lines
1012 B
TypeScript
import { cookies } from 'next/headers'
|
|
import { Suspense } from 'react'
|
|
import { cachedDelay, DebugRenderKind } from '../shared'
|
|
|
|
export default async function Layout({ children }) {
|
|
return (
|
|
<main>
|
|
<div>
|
|
<h2>Shared layout</h2>
|
|
<DebugRenderKind />
|
|
<p id="shared-layout-description">
|
|
This shared layout uses cookies and no uncached IO, so it should be
|
|
completely runtime-prefetchable.
|
|
</p>
|
|
<Suspense fallback={<div style={{ color: 'grey' }}>Loading 1...</div>}>
|
|
<RuntimePrefetchable />
|
|
</Suspense>
|
|
</div>
|
|
<hr />
|
|
{children}
|
|
</main>
|
|
)
|
|
}
|
|
|
|
async function RuntimePrefetchable() {
|
|
const cookieStore = await cookies()
|
|
const cookieValue = cookieStore.get('testCookie')?.value ?? null
|
|
await cachedDelay([__filename, cookieValue])
|
|
return (
|
|
<div style={{ border: '1px solid blue', padding: '1em' }}>
|
|
<div id="cookie-value-layout">{`Cookie from layout: ${cookieValue}`}</div>
|
|
</div>
|
|
)
|
|
}
|