指南

在 App Router 出现之前，Next.js 一直使用 Pages Router（pages/ 目录）作为路由系统。这套系统虽然简单易用，但随着应用复杂度的提升，逐渐暴露出一些局限性：2022 年，随着 React 18 引入 Server Components，Next.js 团队看到了重新设计路由系统的契机。于是，App Router 应运而生。这是最根本的范式转变。在 App Router 中：

Ethan Mercer

本指南致力于帮助您构建高性能的 Next.js 全栈应用，在优化开发工作流程的同时，确保代码质量和应用性能始终保持最佳状态。后续章节将深入探讨项目架构、环境配置、路由策略以及高效的数据获取技术。这些最佳实践将助您在 EdgeOne Pages 平台上顺畅部署 Next.js 全栈应用，充分发挥边缘计算优势，实现卓越性能与全球化访问体验。以下目录结构是我们推荐的 Next.js 混合渲染模板。这个项目架构为构建可扩全栈应用程序提供了基础：

Ethan Mercer

Cloud Functions 是 EdgeOne 推出的无服务器函数解决方案，为开发者提供强大而灵活的动态后端能力。通过在项目的 /node-functions 目录中创建函数，您的代码即可自动转化为高性能的 Node.js API 端点。这些端点能够轻松应对各类后端场景——数据库交互、第三方 API 对接、表单处理、数据转换等复杂操作，同时完全屏蔽了服务器运维的繁琐细节。这种无服务器架构让 Cloud Functions 成为构建现代化、可扩展应用的理想选择。体验前后端代码管理统一的真正全栈开发。在单个 Git 仓库中存放前端静态资产和后端函数逻辑，无缝共享配置、环境变量和部署流程。只需一个"git push"命令 EdgeOne Pages 即可自动部署整个应用程序栈，大幅简化开发工作流程，同时最小化运营开销和维护复杂性。

Ethan Mercer

您知道吗？EdgeOne Pages 提供 Next.js 全栈部署支持。目前支持以下 Next.js 功能： 要使用 EdgeOne Pages 部署您的 Next.js 全栈项目，我们提供了三种部署途径。使用 EdgeOne Pages 模板部署是从头开始构建和部署 Next.js 项目的最快方法。

Ethan Mercer

本指南将帮助您在 EdgeOne Pages 快速上手使用基于 AWS S3 和 Next.js 构建的文件上传系统。使用 EdgeOne Pages 模板部署是从头开始构建和部署 AWS S3 项目的最快方法。您可以在 pages 的模板市场快速找到 AWS S3 Batch Uploader 主题模板开始部署。登录您的 AWS S3 账号， 在个人中心-安全凭证菜单下找到访问密钥，将密钥复制到 Environment Variables, 同时将存储桶和存储地域相关信息填入。点击 Create 按钮 Pages 会将模板克隆到您的私有仓库并进行构建。构建完成后，您可以从仓库克隆代码进行开发。

Ethan Mercer

静态站点生成器(SSG)是一种工具，通过从模板、内容文件和数据源生成静态 HTML、CSS 和 JavaScript 文件来构建网站。与传统的动态网站在用户请求时生成页面不同，静态站点在开发过程中预先构建，从而实现更快的加载时间和更好的安全性。静态站点生成器通过预渲染 HTML 文件，带来卓越的性能表现和极速的页面加载体验。减少的攻击面提升了系统安全性，纯静态托管也大幅降低了运营成本。

Ethan Mercer