Next.js

Next.js 是建立在 React 之上的应用框架，它把路由、页面文件和渲染方式放进一套应用结构里。

• 用户访问一个地址，例如 /dashboard。
• 项目文件结构告诉 Next.js 哪个页面文件负责这个路径，例如 app/dashboard/page.tsx。
• 页面可以按项目需要用合适的方式生成或交互，最后把对应界面交给浏览器。

React 主要负责组件和界面，Next.js 在 React 之上补充路由、应用结构和多种页面交付方式。

• 写一个 React 组件，不会自动决定它对应哪个 URL；Next.js 的路由结构负责把地址和页面入口连起来。
• Next.js 可以包含服务端代码和数据请求，但它不是数据库，也不是所有后端系统的替代品。

看到“组件怎样组织成一个可访问的应用页面”时想到 Next.js，看到“数据怎样长期保存”时还要看接口和数据库。

拆开一个 dashboard 页面，可以看到页面地址、路由文件和页面结果三个真实部分。

• URL 是用户访问的地址，例如 /dashboard。
• ROUTE 是项目文件结构和 URL 之间的对应关系，例如 app/dashboard/page.tsx。
• PAGE 是最终交给用户的页面内容，具体如何生成由应用的渲染配置决定。

请用 Next.js 的文件路由创建 /dashboard 页面，让 app/dashboard/page.tsx 对应这个地址，并根据项目需求选择合适的渲染方式；请保留可访问的页面结构、清晰的加载和错误反馈，以及 390px 和 320px 下不横向滚动。