Next.js
你可能会说
我想用 React 做个完整网站,带路由和 SEO,有没有一站式的框架?
Next.js 是基于 React 搭建完整网站的工具,常用于官网、内容站和带登录的网站。例如用户打开某个商品网址时,它会找到对应详情页,并可先读取商品资料再显示。它不会自动提供商品保存、账号权限等后端能力。
也常被叫作Next
延伸阅读 · 权威出处
我想用 React 做个完整网站,带路由和 SEO,有没有一站式的框架?
网址对应文件位置:在 App Router 写法里,/posts 对应 app/posts/page.tsx。
服务端准备内容,浏览器负责呈现:页面可以在服务器端先从数据库取数据并拼好 HTML,再交给浏览器显示,减少前端白屏时间。
用 'use client' 区分交互组件:组件默认在服务端运行;需要用户交互(如 onClick、useState)的组件,必须在文件顶部加上 'use client'。如果 AI 写的代码报 “useState only works in Client Components”,通常就是少写了这一行。
请用 Next.js 组织文章动态路由、页面元信息和数据加载,保持现有 React 组件可复用。不要假设框架自动提供数据库或权限;列出文章存储、登录和部署仍需实现的部分并逐项验收。