Next.js道場ページ側で Cookie を読み、結果の文字列だけをボタンへ渡す形にしました。ビルドは通りますか。通るなら、このページは事前に描かれますか。
app/page.tsx
Buildで実行
import { cookies } from 'next/headers'Buildで実行
import { Panel } from './Panel' Serverで実行
export default async function Page() {Serverで実行
const c = await cookies()Serverで実行
return (Serverで実行
<>Serverで実行
<p>この見出しはサーバー側で作っています</p>Serverで実行
<Panel name={c.get('user')?.value ?? 'ゲスト'} />Serverで実行
</>Serverで実行
)Serverで実行
}出典nextjs.org/docs/app/api-reference/functions/cookiesnextjs.org/docs/app/getting-started/server-and-client-components