资源中心

我们隆重推出 EdgeOne Pages 的全栈部署功能！现在，您可以在我们的平台上直接构建和部署完整的 Web 应用程序，支持主流全栈框架与 Node.js 函数。无论是服务器端渲染、API 接口还是动态内容生成，EdgeOne Pages 都能高效处理，助您轻松实现全栈开发。在本次更新中，我们推出了两个核心功能：EdgeOne Pages 现在提供全面的 Next.js 支持，能够处理多种渲染模式，而不仅限于静态渲染。

我们很高兴与大家分享 EdgeOne CLI 的一些重要更新！此次更新旨在提升全栈开发的便利性和效率，为开发者提供更流畅的集成开发和部署体验。以下是此次发布的主要亮点：现在，您可以无缝地在本地开发和调试 Node.js 无服务器函数。只需在项目根目录创建一个  node-functions  文件夹即可开始编写和测试 Node.js 代码，使本地 Node Functions 开发变得简单高效。

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

今天，我们很高兴地宣布推出 Pages Drop——这是实现免费静态网站托管的最简单方法。无需服务器维护或复杂配置，用户可以快速部署网站，同时享受企业级性能和安全保护。Pages Drop 是一项旨在完全简化静态网站托管的服务。我们相信，部署网站应该像拖放一样简单——没有技术障碍，没有复杂的设置，只有纯粹的简单。但首先，让我们明确一下静态网站托管的含义。这指的是托管由静态文件（如 HTML、CSS、JavaScript、图片和视频）组成的网站，无需后端数据库或服务器端程序。这涵盖了大多数人想要创建的网站：个人作品集、公司登陆页面、文档站点和项目展示。

跨域资源共享（CORS）是浏览器实现的一种安全机制，用于控制 Web 应用程序如何与不同源的资源交互。默认情况下，同源策略限制 Web 页面向其他域的服务器发起请求。CORS 通过允许服务器使用 HTTP 响应头来指定哪些源可以访问其资源，从而有选择地放宽这一限制。当请求被视为“非简单请求”（例如使用自定义头或其他方法而非 GET/POST）时，浏览器会自动向服务器发送预检 OPTIONS 请求。服务器必须返回适当的 CORS 头；否则，浏览器将阻止实际请求。Pages Functions 提供了一个无服务器代码执行环境，运行在 EdgeOne 边缘节点上。开发者只需编写业务逻辑并配置触发规则——无需管理服务器基础设施。代码在靠近终端的边缘节点上弹性安全地执行。

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

您的客户希望您的在线商店在三秒内加载完成。他们期望个性化的内容，能够适应他们的偏好。如果您正在运营传统的电子商务平台，那么满足这些期望变得越来越困难。电子商务技术领域正在快速变化。具有前瞻性思维的企业正在从传统的单体电子商务平台转向无头架构。这不仅仅是采用新技术，更是适应现代消费者实际购物方式的变革。传统电子商务平台将所有内容捆绑在一起：客户所见的前端、管理产品和订单的后端，以及存储信息的数据库。这种一体化方法在网络较为简单的时代是有意义的，但今天的数字化环境需要更大的灵活性。

EdgeOne Pages 的高级功能之一是能够作为反向代理，允许您安全高效地将客户端请求进行转发。本文将指导您通过 edgeone.json 配置文件设置反向代理。EdgeOne Pages 提供"edgeone.json"配置文件来自定义项目构建和部署行为（例如构建命令）以及管理路由策略（包括重定向、重写和 HTTP 响应头）。重写规则允许您透明地将用户请求路由到不同的 URL，而不改变浏览器中可见的 URL。通过重写规则，您可以在请求到达后端服务器之前修改 URL 路径、查询参数和请求头。

每个开发者都知道这种感觉：你刚刚在 CodePen 上创建了一些令人惊叹的东西——也许是一个炫酷的 CSS 动画，一个交互式 JavaScript 小部件，或者一个漂亮的落地页原型。现在你想与世界分享它，作为一个真正的、独立的网站。传统部署通常需要处理 Git 配置、设置构建工具，或在复杂的托管平台中进行繁琐操作。而使用 EdgeOne Pages，你可以在短短 30 秒内将 CodePen 项目转变为一个实时的、生产就绪的网站。在深入了解细节之前，让我们看看这个过程有多简单。整个工作流程仅需三步：导出 → 拖拽 → 部署。