Cloudflare ปล่อยโครงการ vinext โครงการทดลองสร้าง Next.js ขึ้นใหม่ โดยใช้เอนจินในการ build เป็น Vite แทน Turbopack ของ Vercel เพื่อแก้ปัญหา Next.js ซัพพอร์ตแพลตฟอร์มอื่นๆ นอก Vercel ได้จำกัด

Next.js ถือเป็นเป้าหมายหนึ่งของ Cloudflare ที่พยายามทำให้เฟรมเวิร์คนี้ใช้งานบน Cloudflare Workers ให้ได้ เพื่อให้รองรับเว็บจำนวนมาก ที่ผ่านมาบริษัทสนับสนุนโครงการ OpenNext เพื่อสร้าง adapter ให้สามารถ deploy แอปบน Workers ได้ แต่ประสบการณ์การพัฒนาก็ยังไม่ดีนัก เพราะจะมีปัญหากับฟีเจอร์เฉพาะแพลตฟอร์มขณะพัฒนาอยู่ดี

vinext อิมพลีเมนต์ Next.js 16 เกือบทั้งหมด ใช้วิศวกรคนเดียวและ AI อีก 1,100 ดอลลาร์ อิมพลีเมนต์ Next.js โดยสามารถใช้โครงสร้างแอปเดิมเกือบทั้งหมด ทั้งโฟลเดอร์ /app, /pages, และไฟล์ next.config.js ความต่างคือ vinext มี Cloudflare Workers เป็นจุด deploy จุดหลัก คำสั่ง vinext deploy จะสร้างคอนฟิก Worker ทันที สามารถใช้ Cloudflare KV เพื่อแคชกับการทำ Static Generation ได้

ตอนนี้ vinext รองรับ Next.js 16 API คิดเป็น 94% และไม่รองรับฟีเจอร์บางส่วน เช่นฟีเจอร์ที่เตรียมเลิกใช้อยู่แล้ว และฟีเจอร์ที่เจาะจงสำหรับ Vercel เอง แต่ส่วนสำคัญคือไม่รองรับคำสั่ง create-next-app ในตัว อีกฟีเจอร์สำคัญคือ generateStaticParams ที่สร้าง static site ไว้ล่วงหน้าที่ยังไม่รองรับในตอนนี้ ผลในแง่ประสิทธิภาพ หากใช้ Vite 8 จะได้ความเร็วในการ build เร็วกว่า Next.js ถึง 4.4 เท่าตัว และไฟล์รวมเล็กลง 57%

สาเหตุที่ Next.js พอร์ตด้วย AI ได้ง่ายเพราะ API ของ Next.js ระบุพฤติกรรมไว้อย่างชัดเจน และ Claude มีความรู้เกี่ยวกับ Next.js จำนวนมาก ตัว Next.js เองมีชุดทดสอบนับพันรายการที่ทำให้ vinext พอร์ตมาใช้งานได้ตรงๆ ตลอดจน Vite เองก็เป็นเครื่องมือที่แก้ปัญหาจำนวนมากอยู่แล้ว เช่น มี React Server Component ให้ในตัว

ที่มา - Cloudflare