Vercel เปิดตัว Next.js 13 โดยมีความเปลี่ยนแปลงสำคัญคือการเพิ่มโฟลเดอร์ /app โครงสร้างระบบ router ตามไฟล์แบบใหม่ที่สามารถทดแทน /pages แบบค่อยเป็นค่อยไป

ความเปลี่ยนแปลงสำคัญของ /app คือ URL จะสร้างขึ้นตามโฟลเดอร์เท่านั้น ไม่สร้างตามไฟล์เหมือน /pages อีกต่อไป และแต่ละโฟลเดอร์สามารถมีไฟล์ tsx ได้จำนวนมาก รวมถึงไฟล์ CSS, รูปภาพ, หรือโค้ดทดสอบต่างๆ

ตอนนี้ /app ยังเป็นเบต้า และในเวอร์ชั่นนี้ก็มีฟีเจอร์อื่นๆ เช่น Turbopack, next/image ปรับปรุงใหม่ให้ใช้โค้ดจาวาสคริปต์ฝั่งเบราว์เซอร์น้อยลง, next/font รองรับการโฮสต์ฟอนต์ด้วยตัวเองอัตโนมัติ, รองรับการสร้างภาพปกโซเชียลด้วยไลบรารี @vercel/og

เวอร์ชั่นนี้ต้องการ React เวอร์ชั่น 18.2.0 และ Node.js 14.0 ขึ้นไป

ที่มา - Next.js