บทช่วยสอน

บทช่วยสอนและคู่มือเกี่ยวกับ Next.js สำหรับนักพัฒนาไทย

บทช่วยสอน

Next.js 16 Error Handling: คู่มือจัดการ Error ฉบับสมบูรณ์ พร้อมโค้ดตัวอย่าง

คู่มือจัดการ Error ใน Next.js 16 ครอบคลุม error.tsx, global-error.tsx, not-found.tsx และ Server Actions พร้อมตัวอย่างโค้ดที่ใช้งานได้จริงสำหรับ production

Editorial Team 12 นาทีในการอ่าน
บทช่วยสอน

Next.js 16 + Auth.js v5: คู่มือสร้างระบบ Authentication พร้อม Google OAuth และ RBAC ฉบับสมบูรณ์

เรียนรู้การสร้างระบบ Authentication ใน Next.js 16 ด้วย Auth.js v5 แบบครบวงจร ตั้งแต่ Credentials Provider, Google OAuth, ปกป้อง Route ด้วย proxy.ts ไปจนถึง RBAC พร้อมโค้ดตัวอย่างที่ใช้งานได้จริง

Editorial Team 12 นาทีในการอ่าน
บทช่วยสอน

Parallel Routes + Intercepting Routes ใน Next.js 16: คู่มือสร้าง Modal แบบ Deep Link ฉบับสมบูรณ์

เรียนรู้วิธีสร้าง Modal ที่ Deep Link ได้ แชร์ URL ได้ ด้วย Parallel Routes และ Intercepting Routes ใน Next.js 16 พร้อมตัวอย่างโค้ด Gallery Modal, Login Modal และ best practices ที่ต้องรู้

Editorial Team 12 นาทีในการอ่าน
บทช่วยสอน

Next.js 16 + Drizzle ORM + Neon PostgreSQL: คู่มือสร้างแอป Full-Stack CRUD ฉบับสมบูรณ์

คู่มือสร้างแอป Task Manager แบบ Full-Stack CRUD ด้วย Next.js 16, Drizzle ORM และ Neon PostgreSQL ครอบคลุม schema, Server Actions, Zod validation, relational queries, caching ด้วย use cache และ deploy บน Vercel

Editorial Team 14 นาทีในการอ่าน
บทช่วยสอน

Next.js 16 Partial Prerendering (PPR) คืออะไร? คู่มือผสาน Static กับ Dynamic ในหน้าเดียวกัน

Partial Prerendering (PPR) ใน Next.js 16 ให้คุณผสม static กับ dynamic content ในหน้าเดียวกัน ส่ง static shell ทันทีจาก CDN แล้ว stream ส่วน dynamic เข้ามาแบบ parallel เร็วกว่า SSR ล้วนถึง 73% พร้อมตัวอย่างโค้ดจริงและ best practices

Editorial Team 14 นาทีในการอ่าน
บทช่วยสอน

Next.js 16 use cache คืออะไร? คู่มือ Cache Components ฉบับสมบูรณ์

เรียนรู้ Cache Components ใน Next.js 16 ตั้งแต่พื้นฐาน — ใช้ use cache, cacheLife, cacheTag เพื่อ cache ในระดับ function และ component พร้อม migration guide จาก unstable_cache และตัวอย่างตั้งค่า Redis cache handler สำหรับ production

Editorial Team 12 นาทีในการอ่าน
บทช่วยสอน

สร้างฟอร์มใน Next.js 16 ด้วย Server Actions, useActionState และ Zod

คู่มือสร้างฟอร์มใน Next.js 16 ด้วย Server Actions และ useActionState จาก React 19 พร้อม Zod validation ตั้งแต่พื้นฐานไปจนถึงขั้นสูง มีโค้ดตัวอย่างที่เอาไปใช้ได้จริงทุกขั้นตอน รองรับ Progressive Enhancement และ type-safe

Editorial Team 12 นาทีในการอ่าน
บทช่วยสอน

Next.js Middleware ขั้นสูง: จาก middleware.ts สู่ proxy.ts ใน Next.js 16 [คู่มือฉบับสมบูรณ์]

คู่มือ Next.js Middleware ฉบับสมบูรณ์ ครอบคลุม authentication, rate limiting, security headers, i18n และการย้ายไปใช้ proxy.ts ใน Next.js 16 พร้อมตัวอย่างโค้ดจริง

Editorial Team 20 นาทีในการอ่าน