⚡ OpenNext ローカル検証デモ
🖥️ SERVER で実行

Server Component

このページはまるごとサーバーで作られ、完成した HTML としてブラウザに届きます。 だから process.version のような 「Node.js でしか取れない情報」を安全に扱えます。

serverTime
2026/6/12 13:38:08
nodeVersion
v22.19.0
platform
darwin / arm64
nodeEnv
production
secret
(.env.local に SERVER_ONLY_SECRET=... を書くと表示されます)

🔍 観察ポイント

  • このページを開いたとき、ターミナル(サーバー側)に ログが1行出ます。ブラウザの DevTools コンソールには出ません。
  • ブラウザで「ページのソースを表示(Cmd+U / Ctrl+U)」すると、 上の値がすでに HTML に焼き込まれているのが見えます。
  • Server Component には onClick などのイベントは書けません(書いても動きません)。インタラクションは Client Component の担当です。