Turborepo logo

从示例开始

使用 create-turbo 通过您最喜欢的工具引导示例。

终端
# Use an example listed below
npx create-turbo@latest --example [example-name]
 
# Use a GitHub repository from the community
npx create-turbo@latest --example [github-url]

核心维护的示例

此列表由 Turborepo 核心团队维护。依赖项尽可能保持最新,并且接受并处理这些示例的 GitHub Issues。

名称描述
basic用于学习基础知识的最小 Turborepo 示例。
kitchen-sink想看一个更深入的示例?包括多个框架,包括前端和后端。
non-monorepo在没有工作区的单个项目中使用 Turborepo 的示例
with-shell-commands仅限 Turborepo 的 monorepo。
with-svelte具有多个共享 UI 库的 SvelteKit 应用的 Monorepo
with-tailwind具有多个共享 UI 库的 Next.js 应用的 Monorepo,所有应用都使用带有共享配置的 Tailwind CSS

社区维护的示例

社区策划了一组示例,展示如何将常用工具和库与 Turborepo 一起使用。要使用其中一个示例引导您的 monorepo,请使用 --example 标志

须知: 

这些示例的 GitHub Issues 将被关闭。如果您发现问题,请提交包含修复的 pull request。

名称描述
design-system通过在多个应用之间共享设计系统,统一您站点的外观和感觉。
with-angular使用 Angular 的最小 Turborepo 示例。
with-berry使用 Yarn Berry 的最小 Turborepo 示例。
with-changesets预配置为通过 Changesets 发布包的简单 Next.js monorepo
with-docker使用 Docker 部署的 Express API 和 Next.js 应用的 Monorepo,利用 turbo prune
with-gatsby具有共享 UI 库的 Gatsby.js 和 Next.js 应用的 Monorepo
with-nestjs使用 Nest.js 的最小 Turborepo 示例。
with-npm使用 npm 作为包管理器的最小 Turborepo 示例。
with-prisma使用 Prisma 完全配置的 Next.js 应用的 Monorepo
with-react-native-web具有共享 UI 库的简单 React Native 和 Next.js monorepo
with-rollup具有单个 Next.js 应用的 Monorepo,该应用共享一个使用 Rollup 打包的 UI 库
with-typeorm带有 TypeORM 的 Monorepo
with-vite具有多个使用 Vite 打包的 Vanilla JS 应用的 Monorepo,共享一个 UI 库
with-vue-nuxt具有 Vue 和 Nuxt 的 Monorepo,共享一个 UI 库
with-yarn使用 Yarn 1 进行包管理的 Monorepo

小时

总计算节省
开始使用
远程缓存 →

本页内容