.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
.webp)
581 字
2 分钟
Turborepo的示例
使用 create-turbo 命令
使用 create-turbo 命令，基于官方或社区维护的现成示例来快速启动一个 Turborepo 项目。
# Use an example listed belowpnpm dlx create-turbo@latest --example [example-name]# Use a GitHub repository from the communitypnpm dlx create-turbo@latest --example [github-url]
# Use an example listed belowyarn dlx create-turbo@latest --example [example-name]# Use a GitHub repository from the communityyarn dlx create-turbo@latest --example [github-url]
# Use an example listed belownpx create-turbo@latest --example [example-name]# Use a GitHub repository from the communitynpx create-turbo@latest --example [github-url]
# Use an example listed belowbunx create-turbo@latest --example [example-name]# Use a GitHub repository from the communitybunx create-turbo@latest --example [github-url]核心维护示例
| 名称 | 描述 |
|---|---|
| Basic | 包含两个 Next.js 应用的基础 monorepo。 |
| Kitchen sink | 包含前后端多种框架的示例。 |
| Non-monorepo | 展示了在单包中如何使用 Turborepo。 |
| OpenTelemetry | 集成了 OpenTelemetry、Prometheus 和 Grafana 用于指标可视化。 |
| SvelteKit | 包含多个共享 UI 库的 SvelteKit 应用。 |
| TailwindCSS | 包含多个共享 TailwindCSS UI 库的 Next.js 应用。 |
社区维护示例
以下是 Turborepo 官方文档中列出的社区维护示例完整列表。这些示例主要用于展示如何将 Turborepo 与各种流行的工具或框架集成使用。
社区维护示例列表
| 示例名称 | 描述说明 |
|---|---|
| Design System | 通过在多个应用间共享设计系统，统一网站的外观和感觉。 |
| Angular | 用于学习 Turborepo 基础知识的极简 Angular 示例。 |
| Yarn Berry | 使用 Yarn Berry (Yarn 3) 的 Monorepo 示例。 |
| Biome | 包含两个 Next.js 应用并集成了 Biome 配置的基础 Monorepo 示例。 |
| Changesets | 配置为通过 Changesets 发布包的 Monorepo。 |
| Docker | 包含 Express API 和 Next.js 应用的 Monorepo，使用 Docker 部署并利用 turbo prune。 |
| Gatsby | 包含一个 Gatsby.js 和一个 Next.js 应用，两者共享一个 UI 库的 Monorepo。 |
| Nest.js | 使用 Nest.js 的 Monorepo 示例。 |
| Next.js + Elysia | 包含 Next.js 前端和 Elysia 后端的 Monorepo。 |
| npm workspaces | 使用 NPM workspaces 的 Monorepo 示例。 |
| Prisma | 包含一个完整配置了 Prisma 的 Next.js 应用的 Monorepo。 |
| React Native | 包含一个简单的 React Native 和 Next.js 应用，并共享一个 UI 库的 Monorepo。 |
| Rollup | 包含一个 Next.js 应用，并共享一个使用 Rollup 打包的 UI 库的 Monorepo。 |
| Solid.js | 包含 SolidJS 应用的 Monorepo 示例。 |
| typeorm | 包含一个完整配置了 typeorm 的 Next.js 应用的 Monorepo。 |
| Ultracite | 包含两个 Next.js 应用并集成了 Ultracite 配置的基础 Monorepo 示例。 |
| Vite | 包含多个使用 Vite 打包的 Vanilla JS 应用，并共享一个 UI 库的 Monorepo。 |
| Vite + React | 使用 Vite 和 React 的 Monorepo 示例。 |
| Vitest | 使用 Vitest 进行测试的 Monorepo 示例。 |
| Vue/Nuxt | 包含 Vue 和 Nuxt 应用，并共享一个 UI 库的 Monorepo。 |
| Yarn | 使用 Yarn workspaces 的 Monorepo 示例。 |
分享
如果这篇文章对你有帮助，欢迎分享给更多人！
Turborepo的示例
https://www.choria.top/posts/turborepo-example/ 部分信息可能已经过时
相关文章 智能推荐