logo
0
0
Login
Initialize Next.js project with CNB configuration for EdgeOne Pages deployment, including essential files like package.json, .gitignore, and ESLint configuration. Add Tailwind CSS setup and global styles, along with a basic layout and homepage structure.

Next.js 项目部署到 EdgeOne Pages

这是一个 Next.js 模板项目,使用 CNB 进行云原生构建并部署到 EdgeOne Pages

项目概述

本项目提供了 Next.js 应用程序的启动模板,集成了云原生构建流程和自动部署功能。

完整的 .cnb.yml 配置如下:

# 触发器:推送到主分支 main: push: # 从私有仓库导入环境变量: # 参考:https://docs.cnb.cool/en/build/env.html#importing-environment-variables - imports: https://cnb.cool/saga-2025/edgeone-pages-env/-/blob/main/envs.yml stages: # 构建当前项目 - name: Build Current Project image: node:20 script: node -v && npm install && npm run build # 将构建输出部署到 EdgeOne Pages # ./out 目录由前一步构建步骤生成 # 参考:https://www.npmjs.com/package/edgeone - name: Deploy to EdgeOne Pages image: node:20 script: npx edgeone pages deploy ./out --name my-edgeone-pages-project --token $EDGEONE_API_TOKEN

步骤1:云原生构建

本项目使用云原生构建进行自动化构建。当代码推送到 main 分支时,会触发以下构建过程:

  1. 导入必要的环境变量
  2. 使用 Node.js 20 环境构建项目
  3. 将构建输出部署到 EdgeOne Pages

步骤2:EdgeOne Pages 部署

构建完成后,项目会通过以下过程自动部署到 EdgeOne Pages

  1. 构建阶段生成 ./out 目录
  2. 使用 EdgeOne 命令行工具进行部署:
    npx edgeone pages deploy ./out --name my-edgeone-pages-project --token $EDGEONE_API_TOKEN

从 EdgeOne Pages 获取你的 EDGEONE_API_TOKEN,访问:https://edgeone.ai/document/177158578324279296

更多示例

参考资料