mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Sebastian "Sebbie" Silbermann
46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import { ReactNode, Suspense } from 'react'
|
|
import { ReactServerRequests } from './ReactServerRequests'
|
|
import Link from 'next/link'
|
|
|
|
export default function Root({ children }: { children: ReactNode }) {
|
|
return (
|
|
<html>
|
|
<body style={{ display: 'flex', flexDirection: 'row', gap: '1rem' }}>
|
|
<ul>
|
|
<li>
|
|
<Link href="/">Home</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/fetch">fetch</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/set-timeout">setTimeout</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/params/next">params</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/searchparams?slug=next">searchParams</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/headers">headers</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/cookies">cookies</Link>
|
|
</li>
|
|
<li>
|
|
<Link href="/draftMode">draftMode</Link>
|
|
</li>
|
|
</ul>
|
|
<main>
|
|
<Suspense fallback="Loading Server Requests">
|
|
<div data-react-server-requests-done />
|
|
{children}
|
|
</Suspense>
|
|
<ReactServerRequests />
|
|
</main>
|
|
</body>
|
|
</html>
|
|
)
|
|
}
|