create-turbo
開始使用 Turborepo 最簡單的方式是使用 create-turbo
。使用此 CLI 工具可快速開始建置新的 monorepo,並為您設定好一切。
從範例開始
社群策劃了一組範例,展示如何將常見工具和函式庫與 Turborepo 搭配使用。若要使用其中一個範例啟動您的 monorepo,請使用 --example
旗標
使用下列任何範例名稱
名稱 | 說明 |
---|---|
basic | 學習基本原理的最小 Turborepo 範例。 |
design-system | 透過在多個應用程式之間共用設計系統,統一您網站的外觀和風格。 |
kitchen-sink | 想看更深入的範例嗎?包含多個框架,包括前端和後端。 |
non-monorepo | 在沒有工作區的單一專案中使用 Turborepo 的範例 |
with-changesets | 預先設定透過 Changesets 發佈套件的簡單 Next.js monorepo |
with-docker | 使用 Docker 部署並利用 turbo prune 的 Express API 和 Next.js 應用程式的 Monorepo |
with-gatsby | 同時共用 UI 函式庫的 Gatsby.js 和 Next.js 應用程式的 Monorepo |
with-prisma | 完全設定 Prisma 的 Next.js 應用程式的 Monorepo |
with-react-native-web | 具有共用 UI 函式庫的簡單 React Native 和 Next.js monorepo |
with-rollup | 具有單一 Next.js 應用程式,共用以 Rollup 捆綁的 UI 函式庫的 Monorepo |
with-svelte | 具有多個 SvelteKit 應用程式,共用 UI 函式庫的 Monorepo |
with-tailwind | 具有多個 Next.js 應用程式,共用 UI 函式庫,全部使用具有共用設定的 Tailwind CSS 的 Monorepo |
with-vite | 具有多個以 Vite 捆綁的 Vanilla JS 應用程式,共用 UI 函式庫的 Monorepo |
with-vue-nuxt | 具有 Vue 和 Nuxt,共用 UI 函式庫的 Monorepo |
使用社群範例
您也可以使用 GitHub URL 來使用自訂入門程式或範例。這對於使用您自己的自訂入門程式或社群中的範例很有用。
選項
這有幫助嗎?