บทช่วยสอนและคู่มือเกี่ยวกับ Next.js สำหรับนักพัฒนาไทย
คู่มือ migrate จาก Pages Router ไป App Router ใน Next.js 16 แบบ incremental ครอบคลุม audit, layout, data fetching, useRouter, API routes พร้อมประมาณเวลาเป็นวันจริงจากประสบการณ์
คู่มือใช้ next/image ใน Next.js 16 อย่างละเอียด ครอบคลุม LCP, CLS, AVIF/WebP, sizes, priority, remotePatterns และ Custom Loader พร้อมโค้ดตัวอย่างจริงและ before/after จาก Chrome DevTools
Turbopack กลายเป็น bundler default ของ Next.js 16 ทั้ง dev และ production build บทความนี้เจาะลึกวิธี config, benchmarks จริง, Persistent Cache, และ pitfalls ที่ทีม staff-eng ควรรู้ก่อนย้ายจาก Webpack
คู่มือ Route Handlers ใน Next.js 16: สร้าง REST API แบบครบเครื่องด้วย route.ts ทั้ง GET/POST/PUT/DELETE, dynamic params, NextRequest/NextResponse, การ cache, CORS, Streaming SSE และเปรียบเทียบกับ Server Actions พร้อมโค้ดตัวอย่าง
คู่มือใช้ Next.js 16 Middleware ผ่าน proxy.ts สำหรับ Authentication, Redirects, Rate Limiting, Geo-routing และเลือก Edge vs Node Runtime อย่างเหมาะสม พร้อมโค้ดตัวอย่างพร้อม copy ไปใช้
เรียนรู้ Streaming และ Suspense ใน Next.js 16 — ตั้งแต่ loading.js vs Suspense, 5 รูปแบบ Streaming พร้อมโค้ด, Parallel Data Fetching, PPR, use cache และ benchmark จริง
คู่มือจัดการ Error ใน Next.js 16 ครอบคลุม error.tsx, global-error.tsx, not-found.tsx และ Server Actions พร้อมตัวอย่างโค้ดที่ใช้งานได้จริงสำหรับ production
เรียนรู้การสร้างระบบ Authentication ใน Next.js 16 ด้วย Auth.js v5 แบบครบวงจร ตั้งแต่ Credentials Provider, Google OAuth, ปกป้อง Route ด้วย proxy.ts ไปจนถึง RBAC พร้อมโค้ดตัวอย่างที่ใช้งานได้จริง
เรียนรู้วิธีสร้าง Modal ที่ Deep Link ได้ แชร์ URL ได้ ด้วย Parallel Routes และ Intercepting Routes ใน Next.js 16 พร้อมตัวอย่างโค้ด Gallery Modal, Login Modal และ best practices ที่ต้องรู้
คู่มือสร้างแอป Task Manager แบบ Full-Stack CRUD ด้วย Next.js 16, Drizzle ORM และ Neon PostgreSQL ครอบคลุม schema, Server Actions, Zod validation, relational queries, caching ด้วย use cache และ deploy บน Vercel
Partial Prerendering (PPR) ใน Next.js 16 ให้คุณผสม static กับ dynamic content ในหน้าเดียวกัน ส่ง static shell ทันทีจาก CDN แล้ว stream ส่วน dynamic เข้ามาแบบ parallel เร็วกว่า SSR ล้วนถึง 73% พร้อมตัวอย่างโค้ดจริงและ best practices
เรียนรู้ Cache Components ใน Next.js 16 ตั้งแต่พื้นฐาน — ใช้ use cache, cacheLife, cacheTag เพื่อ cache ในระดับ function และ component พร้อม migration guide จาก unstable_cache และตัวอย่างตั้งค่า Redis cache handler สำหรับ production