เปิดตัว Next.js 11

• นำ Conformance มาใช้: รองรับ ESLint

• ปรับปรุงประสิทธิภาพ: นำการเพิ่มประสิทธิภาพมาใช้กับ Babel เพื่อปรับปรุงเวลาเริ่มต้นได้อย่างมาก

• การเพิ่มประสิทธิภาพสคริปต์

→ รองรับกลยุทธ์การโหลดสคริปต์จากบุคคลที่สาม: beforeInteractive, afterInteractive (ค่าเริ่มต้น), lazyOnLoad

→ เปลี่ยนการโหลดสคริปต์เริ่มต้นจาก async เป็น defer

• ปรับปรุงรูปภาพ: ลด Cumulative Layout Shift

→ ตรวจจับขนาดอัตโนมัติ

→ รองรับ placeholder ของรูปภาพ

• ใช้ Webpack 5 เป็นค่าเริ่มต้น

• เพิ่ม @next/codemod ที่ช่วยแปลงแอปที่สร้างด้วย Create-React-App (CRA) ให้เข้ากันได้กับ Next.js

• Next.js Live (พรีวิวรีลีส)

→ ใช้ ServiceWorker, WebAssembly, ES Modules เป็นต้น

→ ทำให้กระบวนการพัฒนาทั้งหมดทำได้บนเว็บเบราว์เซอร์ และยังทำงานร่วมกันได้

[xguru]

• Aurora - โปรเจกต์ความร่วมมือระหว่าง Chrome กับเฟรมเวิร์กเว็บและเครื่องมือโอเพนซอร์ส https://th.news.hada.io/topic?id=4450

• Conformance for Frameworks https://th.news.hada.io/topic?id=4451

มีการประกาศ Aurora กับ Conformance พร้อมกันเลยค่อนข้างทำให้สับสนอยู่บ้าง แต่

สิ่งที่ดึงความสนใจมากที่สุดน่าจะเป็น Next.js Live ครับ

• Code in the browser. With your team https://nextjs.org/live

[laeyoung]

พอลองเข้าไปดู Next.js Live เหมือนว่าจะผูกกับ Team Colabo เลยต้องใช้ Team plan เท่านั้นสินะครับ เฮ้อ