turborepo shadcn ui ดาวน์โหลด - turborepo shadcn ui Source Source Download

turborepo shadcn ui

โค้ดแหล่งที่มา AI

1.5.1

ดาวน์โหลด

คำเตือน

repo นี้ไม่ได้อยู่อีกต่อไปเนื่องจากตอนนี้ Shadcn CLI รองรับ monorepos โดยธรรมชาติขอบคุณสำหรับการใช้เทมเพลต

Turborepo Starter พร้อม Shadcn/UI

นี่คือ turborepo starter ที่มี shadcn/ui pre-ponfigured

บันทึก

ตัวอย่างนี้ใช้ pnpm เป็นตัวจัดการแพ็คเกจ

เวอร์ชัน BUN เวอร์ชัน NPM

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

โคลนที่เก็บ:

git clone https://github.com/dan5py/turborepo-shadcn-ui.git

ติดตั้งการพึ่งพา:

 cd turborepo-shadcn-ui
pnpm install

เพิ่มส่วนประกอบ UI

ใช้สคริปต์ที่ทำไว้ล่วงหน้า:

pnpm ui add < component-name >

สิ่งนี้ใช้งานได้เช่น shadcn/ui CLI

เพิ่มแอพใหม่

TurborePo เสนอคำสั่งง่ายๆเพื่อเพิ่มแอพใหม่:

pnpm turbo gen workspace --name < app-name >

สิ่งนี้จะสร้างแอพว่างเปล่าใหม่ในไดเรกทอรี apps

หากคุณต้องการคุณสามารถคัดลอกแอพที่มีอยู่ด้วย:

pnpm turbo gen workspace --name < app-name > --copy

บันทึก

อย่าลืมเรียกใช้ pnpm install หลังจากคัดลอกแอพ

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

turborepo นี้มีแพ็คเกจ/แอพต่อไปนี้:

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

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

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

ระบบสาธารณูปโภค

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

typescript สำหรับการตรวจสอบประเภทคงที่
ESLINT สำหรับรหัสผ้าสำลี
สวยกว่าสำหรับการจัดรูปแบบรหัส

สร้าง

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

 cd turborepo-shadcn-ui
pnpm build

พัฒนา

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

 cd turborepo-shadcn-ui
pnpm dev

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

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

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