mogi app v2 turbo

สตาร์ทเตอร์เทอร์โบเรโป

นี่คือ Turborepo สตาร์ทเตอร์อย่างเป็นทางการ

โดยใช้ตัวอย่างนี้

รันคำสั่งต่อไปนี้:

npx create-turbo@latest

อะไรอยู่ข้างใน?

Turborepo นี้ประกอบด้วยแพ็คเกจ/แอพดังต่อไปนี้:

แอพและแพ็คเกจ

• docs : แอป Next.js
• web : แอป Next.js อื่น
• @repo/ui : ไลบรารีส่วนประกอบ React stub ที่ใช้ร่วมกันโดยทั้ง web และแอปพลิเค docs
• @repo/eslint-config : การกำหนดค่า eslint (รวมถึง eslint-config-next และ eslint-config-prettier )
• @repo/typescript-config : tsconfig.json ใช้ตลอดทั้ง monorepo

แต่ละแพ็คเกจ/แอปเป็น TypeScript 100%

สาธารณูปโภค

Turborepo นี้มีเครื่องมือเพิ่มเติมบางอย่างที่ตั้งค่าไว้สำหรับคุณแล้ว:

• TypeScript สำหรับการตรวจสอบประเภทคงที่
• ESLint สำหรับการเขียนโค้ด
• สวยกว่าสำหรับการจัดรูปแบบโค้ด

สร้าง

หากต้องการสร้างแอปและแพ็คเกจทั้งหมด ให้รันคำสั่งต่อไปนี้:

 cd my-turborepo
pnpm build

พัฒนา

หากต้องการพัฒนาแอปและแพ็คเกจทั้งหมด ให้รันคำสั่งต่อไปนี้:

 cd my-turborepo
pnpm dev

การแคชระยะไกล

Turborepo สามารถใช้เทคนิคที่เรียกว่า Remote Caching เพื่อแชร์ส่วนแคชระหว่างเครื่องต่างๆ ช่วยให้คุณสามารถแชร์แคชบิวด์กับทีมของคุณและไปป์ไลน์ CI/CD

ตามค่าเริ่มต้น Turborepo จะแคชในเครื่อง หากต้องการเปิดใช้งานการแคชระยะไกล คุณจะต้องมีบัญชีกับ Vercel หากคุณไม่มีบัญชี คุณสามารถสร้างบัญชีได้ ให้ป้อนคำสั่งต่อไปนี้:

 cd my-turborepo
npx turbo login

สิ่งนี้จะตรวจสอบความถูกต้องของ Turborepo CLI ด้วยบัญชี Vercel ของคุณ

ถัดไป คุณสามารถเชื่อมโยง Turborepo ของคุณกับ Remote Cache ของคุณได้โดยการรันคำสั่งต่อไปนี้จากรากของ Turborepo ของคุณ:

 npx turbo link

ลิงค์ที่เป็นประโยชน์

เรียนรู้เพิ่มเติมเกี่ยวกับพลังของ Turborepo:

• งาน
• การแคช
• การแคชระยะไกล
• การกรอง
• ตัวเลือกการกำหนดค่า
• การใช้งาน CLI