关于 Next.js
什么是 Next.js？
Next.js 是一个用于构建全栈 Web 应用程序的 React 框架。 它提供了生产环境所需的所有功能，包括服务端渲染（SSR）、静态站点生成（SSG）、API 路由、文件系统路由和自动代码拆分等功能。
核心特性
- 服务端渲染 (SSR): 在服务器上渲染 React 组件，提供更好的 SEO 和初始加载性能
- 静态站点生成 (SSG): 在构建时预渲染页面，可以实现极快的加载速度和出色的性能
- App Router: 基于文件系统的路由系统，使用 React Server Components 提供更好的性能和开发体验
- API 路由: 可以轻松创建 API 端点，无需单独的服务器
- 自动代码拆分: 自动将代码分割成更小的块，只加载所需的代码
- 图像优化: 内置的图像优化功能，自动提供正确尺寸的图像格式
- TypeScript 支持: 开箱即用的 TypeScript 支持，提供类型安全
App Router 与 Pages Router
当前项目使用 App Router，这是 Next.js 13+ 引入的新路由系统。 App Router 基于 React Server Components，提供了更好的性能、更灵活的数据获取方式和更强大的布局系统。
App Router 特点：
• 使用 app/ 目录
• 支持 React Server Components
• 嵌套布局和模板
• 流式传输和 Suspense
• 改进的数据获取方法
项目结构
这个项目使用了以下技术栈：
- Next.js 16.1.1: 最新版本的 Next.js 框架
- React 19.2.3: 用于构建用户界面的库
- TypeScript: 提供类型安全的 JavaScript
- Tailwind CSS: 实用优先的 CSS 框架
- Geist 字体: Vercel 设计的现代字体