EdgeOne Pages 模板集合
腾讯云 EdgeOne Pages 部署模板合集，包含 58 个前端项目模板，覆盖主流框架与常见场景，助你快速上线应用。
🚀 快速开始
bash
# 克隆仓库
git clone https://github.com/yunjinhong/edgeone-pages-template.git
# 进入模板目录
cd your-template-name
# 安装依赖
npm install
# 本地开发
npm run dev
# 部署到 EdgeOne Pages
# 详见各模板 README也可以直接使用 一键部署 方式，无需本地环境。
📋 模板分类
🖥️ 前端框架模板
| 模板 | 说明 | 框架 |
|---|---|---|
nextjs-template | Next.js 应用模板 | Next.js |
nuxt-template | Nuxt 4 应用模板 | Nuxt |
astro-template | Astro 静态站点模板 | Astro |
angular-template | Angular 应用模板 | Angular |
qwik-template | Qwik City 应用模板 | Qwik |
reactjs-template | React 应用模板 (CRA) | React |
react-router-v7 | React Router v7 应用模板 | React Router |
react-esr | React ESR 模板 | React ESR |
vue-template | Vue 应用模板 | Vue |
vite-react | Vite + React + TypeScript 模板 | Vite + React |
vite-vue3 | Vite + Vue 3 模板 | Vite + Vue 3 |
solid-template | Solid.js 应用模板 | Solid.js |
svelte-template | Svelte 应用模板 | Svelte |
remix-template | Remix 应用模板 | Remix |
gatsby-template | Gatsby 静态站点模板 | Gatsby |
hexo-template | Hexo 博客模板 | Hexo |
📝 博客与文档
| 模板 | 说明 |
|---|---|
docusaurus-template | Docusaurus 文档站点模板 |
nextra-docs-template | Nextra 文档模板 |
vitepress-template | VitePress 文档模板 |
blog-with-retypeset-and-contentful | Astro + Contentful 静态博客 |
wordpress-gatsby | WordPress + Gatsby 静态化加速 |
wordpress-hexo-template | WordPress + Hexo 静态化加速 |
🤖 AI 应用
| 模板 | 说明 |
|---|---|
deepseek | DeepSeek Playground 交互式 AI 演示 |
deepseek-r1-edge | 边缘部署 DeepSeek R1 推理 |
deepseek-r1-with-network | DeepSeek R1 + 联网搜索能力 |
chrome-ai | Chrome AI Gemini Nano 设备端模型 |
free-deep-research | 免费深度研究工具 |
⚡ Edge Functions
| 模板 | 说明 |
|---|---|
functions-fetch | 自定义 Fetch 请求函数 |
functions-geolocation | 地理位置识别函数 |
functions-kv | KV 存储操作函数 |
functions-ocr | AI OCR 文字识别函数 |
functions-supabase | Supabase 数据库集成函数 |
hono | Hono 框架 Edge Functions 应用 |
🔧 MCP 工具
| 模板 | 说明 |
|---|---|
mcp-on-edge | MCP Client & Server 边缘实现 |
mcp-geo | MCP 地理位置演示 |
mcp-open | MCP 开放接口 |
cli-mcp-client | MCP CLI 客户端 |
🔐 认证与数据库
| 模板 | 说明 |
|---|---|
clerk-authentication-starter | Clerk 身份认证集成 |
supabase-auth-starter | Supabase Auth 认证模板 |
subscription-starter | Stripe 订阅管理 |
stripe-subscription-with-astroship | Astro + Supabase + Stripe SaaS 站点 |
🛒 电商与商业
| 模板 | 说明 |
|---|---|
gatsby-woocommerce-template | Gatsby + WooCommerce 电商 |
china-shopping-websites | 中国电商网站合集导航 |
next-formspree-template | Next.js + Formspree 表单 |
portfolio-with-sanity | Sanity CMS 作品集模板 |
🎨 创意与工具
| 模板 | 说明 |
|---|---|
excalidraw | Excalidraw 在线绘图工具 |
anime-list | 动漫列表搜索应用 |
animene | 动漫与漫画信息平台 |
technical-resume | 开发者简历模板 |
trtc-ar | Web 美颜 AR 模板 |
custom-rules | EdgeOne 自定义规则演示 |
free-for-dev | 免费开发者资源思维导图 |
📦 存储与上传
| 模板 | 说明 |
|---|---|
cos-batch-uploader | 腾讯云 COS 批量上传工具 |
s3-batch-uploader | AWS S3 批量上传工具 |
🌐 静态网站
| 模板 | 说明 |
|---|---|
html5up-massively | HTML5 UP Massively 主题 |
html5up-paradigm-shift | HTML5 UP Paradigm Shift 主题 |
directory | 模板导航索引页 |
pages-templates-main | 模板仓库主页 |
🚀 一键部署
登录 EdgeOne Pages 控制台，点击「创建项目」→「模板市场」→ 选择模板 → 一键部署。
💻 本地开发
bash
# 克隆仓库
git clone https://github.com/yunjinhong/edgeone-pages-template.git
cd edgeone-pages-template
# 进入模板目录
cd your-template-name
# 安装依赖
npm install
# 启动开发服务器
npm run dev
# 构建生产版本
npm run build❓ 常见问题
Q: 如何部署到 EdgeOne Pages？ A: 进入各模板目录，按 README 说明操作。登录 EdgeOne Pages 控制台，创建项目并关联仓库即可自动部署。
Q: 模板可以商用吗？ A: 所有模板均采用 MIT 许可证，可自由使用和修改。
Q: 如何贡献新模板？ A: 欢迎提交 PR！参考 贡献指南。
Q: 如何报告问题？ A: 在 Issues 中反馈。
🤝 贡献指南
- Fork 本仓库
- 创建新分支 (
git checkout -b feat/your-template) - 添加模板，遵循 README 规范
- 提交变更 (
git commit -m 'feat: add your-template') - 推送到远程 (
git push origin feat/your-template) - 创建 Pull Request
模板规范
- 每个模板为独立目录，包含完整的
README.md - 删除
.env等敏感文件，使用.env.example替代 - 提供
package.json和基本的构建脚本
📄 许可证
MIT © Tencent Cloud EdgeOne