turbopack next sample

Next.js + สนามเด็กเล่นไดเรกทอรีแอป Turbopack

Turbopack คือชุดบันเดิลส่วนเพิ่มใหม่ที่ปรับให้เหมาะกับ JavaScript และ TypeScript ซึ่งเขียนด้วยภาษา Rust โดยผู้สร้าง Webpack และ Next.js ที่ Vercel ในแอปพลิเคชันขนาดใหญ่ Turbopack จะอัปเดตเร็วกว่า Vite ถึง 10 เท่า และเร็วกว่า Webpack ถึง 700 เท่า (เกณฑ์มาตรฐาน) สำหรับแอพพลิเคชั่นที่ใหญ่ที่สุด ความแตกต่างจะเพิ่มมากขึ้นด้วยการอัปเดตเร็วกว่า Vite ถึง 20 เท่า

Playground นี้เป็นเสมือนมิเรอร์ของ App Directory Playground ของ Next.js v13 แต่ใช้ Turbopack เป็นเซิร์ฟเวอร์การพัฒนา Next.js ( next dev --turbo )

โปรดทราบว่าขณะนี้ Turbopack อยู่ในช่วงเบต้าและยังไม่พร้อมสำหรับการผลิต ขอขอบคุณที่ให้การสนับสนุนอย่างต่อเนื่องในขณะที่เราพยายามเตรียมความพร้อมสำหรับทุกคน

วิ่งในพื้นที่

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

2. เริ่มต้นเซิร์ฟเวอร์ dev: yarn dev

หมายเหตุ: Playground ใช้ Tailwind CSS ผ่าน PostCSS

สำหรับข้อมูลเพิ่มเติม โปรดดู: https://turbo.build/pack/docs/features/css#tailwind-css

เอกสารประกอบ

https://nextjs.link/with-turbopack

การให้ข้อเสนอแนะ

https://nextjs.link/turbopack-feedback