Cloudflare เปิดตัว "vinext" โครงการพอร์ต Next.js 16 ใช้ Vite แทน Turbopack
โดย
Cloudflare ได้เปิดตัวโครงการทดลอง vinext ซึ่งเป็นการสร้าง Next.js ขึ้นใหม่โดยใช้ Vite เป็นเอนจินในการ build แทนที่จะใช้ Turbopack ของ Vercel เพื่อแก้ปัญหา Next.js ที่รองรับแพลตฟอร์มอื่นนอก Vercel ได้จำกัด
- ★ปัญหาและที่มา
1) ปัญหาเดิม
- Next.js รองรับการ deploy บนแพลตฟอร์มอื่นได้จำกัด
- โครงการ OpenNext (adapter สำหรับ Workers) ยังมีปัญหากับฟีเจอร์เฉพาะแพลตฟอร์ม
2) เป้าหมายของ Cloudflare
- ทำให้ Next.js ใช้งานบน Cloudflare Workers ได้อย่างสมบูรณ์
- รองรับเว็บไซต์จำนวนมากที่ใช้ Next.js
- ★รายละเอียด vinext
1) การพัฒนา
- ใช้วิศวกร 1 คน และ AI (Claude) 1,100 ดอลลาร์
- อิมพลีเมนต์ Next.js 16 เกือบทั้งหมด (94%)
- โครงสร้างแอปเดิมใช้งานได้: โฟลเดอร์ /app, /pages, next.config.js
2) ความสามารถ
- deploy จุดหลัก : Cloudflare Workers
- คำสั่ง vinext deploy : สร้างคอนฟิก Worker ทันที
- ใช้ Cloudflare KV สำหรับแคช และ การทำ Static Generation
3) ฟีเจอร์ที่ไม่รองรับ
- ฟีเจอร์ที่เตรียมเลิกใช้อยู่แล้ว
- ฟีเจอร์ที่จาะจงสำหรับ Vercel
- คำสั่ง create-next-app
- generateStaticParams (สร้าง static site ล่วงหน้า)
- ★ประสิทธิภาพ
1) ความเร็วในการ build
- ใช้ Vite 8 : เร็วกว่า Next.js 4.4 เท่า
2) ขนาดไฟล์
- เล็กลง 57%
- ★สาเหตุที่พอร์ตด้วย AI ได้ง่าย
1) ความชัดเจนของ Next.js API
- API ระบุพฤติกรรมไว้อย่างชัดเจน
2) ความรู้ของ Claude
- Claude มีความรู้เกี่ยวกับ Next.js จำนวนมาก
3) ชุดทดสอบ
- Next.js มีชุดทดสอบนับพันรายการให้พอร์ตได้ตรงๆ
4) ความสามารถของ Vite
- Vite มี React Server Component ในตัวอยู่แล้ว
✏️ Shoper Gamer
- ✓NextJS คืออะไร 👇
Credit :
👇
- ●https://www.blognone.com/node/149861
- ●https://blog.cloudflare.com/vinext/
- 2
โฆษณา
- ดาวน์โหลดแอปพลิเคชัน
- © 2026 Blockdit
