Resources Center

We are excited to introduce the full-stack deployment capabilities of EdgeOne Pages! You can now directly build and deploy complete web applications on our platform, with support for mainstream full-stack frameworks and Node.js functions. Whether it's server-side rendering, API endpoints, or dynamic content generation, EdgeOne Pages can efficiently handle it all, helping you easily achieve full-stack development.In this update, we are launching two core features:EdgeOne Pages now provides comprehensive Next.js support, capable of handling multiple rendering modes beyond just static rendering.

We're excited to share some key updates to EdgeOne CLI! This update is designed to enhance the convenience and efficiency of full-stack development, providing developers with a smoother integrated development and deployment experience.Below are the key highlights of this release:You can now seamlessly develop and debug Node.js serverless functions locally. Simply create a  node-functions  folder in your project root directory to start writing and testing Node.js code, making local Node Functions development simple and efficient.

Do you know that EdgeOne Pages deployment provides Next.js full-stack support. The following Next.js features are currently supported:To deploy your Next.js full-stack project with EdgeOne Pages, we offer three deployment options.Deploying from EdgeOne Pages templates is the fastest way to build and deploy a Next.js project from scratch.

For years, frontend frameworks had a simple job: take data from somewhere else and turn it into web pages. The real work—business logic, data processing, user authentication—happened on the backend. This worked well for a long time, but as web applications became more complex, problems started to emerge.API design and maintenance became expensive, requiring constant coordination between frontend and backend teams. SEO suffered because search engines couldn't read client-side rendered content easily. Deployment got complicated with separate hosting for frontend assets, backend servers, and databases.Modern frontend frameworks address these problems by incorporating server-side capabilities. Frameworks like Next.js now include data fetching, API routes, and server-side rendering alongside regular client-side rendering. This lets developers build complete web applications in one framework, reducing coordination overhead and deployment complexity.

Today, we are excited to announce the launch of Pages Drop—the simplest way to achieve free static website hosting. Without the need for server maintenance or complex configurations, users can quickly deploy websites while enjoying enterprise-grade performance and security protection.Pages Drop is a service designed to completely simplify static website hosting. We believe that deploying a website should be as simple as drag and drop—no technical barriers, no complex setup, just pure simplicity.But first, let's clarify what we mean by static website hosting. This refers to hosting websites made of static files like HTML, CSS, JavaScript, images, and videos—without requiring backend databases or server-side programs. This covers most websites people want to create: personal portfolios, company landing pages, documentation sites, and project showcases.

Cross-Origin Resource Sharing (CORS) is a security mechanism implemented by browsers to control how web applications interact with resources from different origins. By default, the same-origin policy restricts web pages from making requests to servers other than their own domain. CORS relaxes these restrictions by allowing servers to specify, via HTTP headers, which origins are permitted to access their resources.When a request is considered a "non-simple request" (such as those using custom headers or methods other than GET/POST), the browser automatically sends a preflight OPTIONS request to the server. The server must return the appropriate CORS headers; otherwise, the browser will block the actual request.Pages Functions provide a serverless code execution environment running on EdgeOne edge nodes. Developers only need to write business logic and configure trigger rules—no server infrastructure management is required. Code executes elastically and securely at edge nodes close to end users.

This guide focuses on building high-performance Next.js full-stack applications and optimizing your development workflow without compromising code quality or application speed.In the upcoming sections, we'll thoroughly examine project architecture, environment configuration, routing strategies, and efficient data fetching techniques. These best practices will enable you to deploy Next.js full-stack applications seamlessly on EdgeOne Pages, harnessing edge computing power for superior performance and worldwide accessibility.The following directory structure represents our recommended Next.js hybrid rendering template. This carefully organized architecture serves as an optimal foundation for developers building scalable full-stack applications:

One of EdgeOne Pages advanced features is the ability to act as a reverse proxy, allowing you to forward client requests to your backend servers securely and efficiently. This article will guide you through the process of configuring EdgeOne Pages as a reverse proxy using the edgeone.json configuration file.EdgeOne Pages provides the “edgeone.json” configuration file to customize project build and deployment behaviors (such as build commands) and manage routing strategies (including redirects, rewrites, and HTTP response headers).Rewrites allow you to transparently route user requests to different URLs without changing the visible URL in the browser. With rewrites, you can modify the URL path, query parameters, and request headers before the request reaches your backend server.

A Static Site Generator (SSG) is a tool that builds websites by generating static HTML, CSS, and JavaScript files from templates, content files, and data sources. Unlike traditional dynamic websites that generate pages on demand when users request them, static sites are pre-built during the development process, resulting in faster loading times and improved security.Static Site Generators offer exceptional performance with lightning-fast load times since they serve pre-rendered HTML files. They provide enhanced security through reduced attack vectors, significant cost savings on hosting.