Repolode
提交项目
vercel

vercel/examples

Vercel 官方精选的示例与解决方案合集，涵盖多种基于 Vercel 与 Next.js 的应用构建模式。

在 GitHub 查看
Star
5,157
Fork
1,840
未关闭 Issue
283
最近提交
13小时前

这是什么？

vercel/examples 是 Vercel 维护的示例项目单体仓库，分为两大部分：solutions 目录收录演示项目、参考架构和最佳实践，starter 目录则提供可直接作为新项目起点的完整应用。

大多数示例基于 Next.js 与 TypeScript 构建，并展示了 Edge Middleware、Serverless 函数以及第三方服务集成等用法。每个示例都位于独立目录中，附带自己的 README、package.json 以及环境变量配置说明，便于按需选取最接近的场景直接复用。

仓库还提供面向贡献者的工具，例如基于 plop 的新示例生成脚本，以及会自动运行 Prettier 和 ESLint 的 pre-commit 钩子。部分示例已上架 Vercel 模板库。

核心功能

  • 01按主题组织的 Next.js 与 TypeScript 示例应用合集
  • 02solutions 目录收录演示项目与参考架构
  • 03starter 目录提供可作为新项目基础的完整应用
  • 04示例附带部署说明与环境变量模板
  • 05为贡献者提供新示例生成脚本与提交前代码检查

适用场景

  • 为部署在 Vercel 上的 Next.js 项目寻找起步模板
  • 学习 Edge Middleware、API 路由等具体模式的实现方式
  • 参考 monorepo 或机器人防护等场景的架构方案

快速上手

  1. 1

    浏览 solutions 和 starter 文件夹中的示例应用

  2. 2

    安装仓库依赖以便贡献新示例

    pnpm i
  3. 3

    基于模板生成新示例

    pnpm new-example

使用前须知

  • 这是许多独立示例的集合，而不是可以整体运行的单个应用。
  • 贡献新示例需要使用 pnpm 工具链，并通过仓库的 Prettier 和 ESLint 提交前检查。

标签

#nextjs#examples#typescript#serverless#starter-templates#edge-middleware#vercel

常见问题

examples 是什么？
Vercel 官方精选的示例与解决方案合集，涵盖多种基于 Vercel 与 Next.js 的应用构建模式。 vercel/examples 是 Vercel 维护的示例项目单体仓库，分为两大部分：solutions 目录收录演示项目、参考架构和最佳实践，starter 目录则提供可直接作为新项目起点的完整应用。
examples 可以免费使用吗？用的什么许可证？
examples 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
examples 还在维护吗？
活跃维护中。examples 最近一次提交是在 2026年10月21日。
examples 适合用来做什么？
为部署在 Vercel 上的 Next.js 项目寻找起步模板 学习 Edge Middleware、API 路由等具体模式的实现方式 参考 monorepo 或机器人防护等场景的架构方案
examples 怎么安装和运行？
浏览 solutions 和 starter 文件夹中的示例应用 安装仓库依赖以便贡献新示例: pnpm i 基于模板生成新示例: pnpm new-example
在哪里获取 examples？
源代码和安装说明在 GitHub 上：https://github.com/vercel/examples

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目