服务端渲染测试

① 后端 API

创建 app/api/hello/route.ts，导出一个 async GET() 函数。Next.js 自动将 /api/hello 映射到这个函数。函数内部用 new Date() 获取服务器时间，通过 NextResponse.json() 返回。

② 前端页面

创建 app/server-demo/page.tsx。这是一个 async Server Component，在服务端通过 fetch('/api/hello') 调用 API 获取数据，然后用获取到的数据渲染页面。

③ 数据流转

浏览器访问 /server-demo → Next.js 服务端渲染这个页面 → 页面在服务端 fetch 自己的 API → 获取数据 → 渲染成 HTML → 返回给浏览器。整个过程在服务端完成。