Next.js Web Programming: Beginner

________________________________________
Next.js Web Programming: Beginner
ในโลกของการพัฒนาเว็บยุคใหม่ "Next.js" ได้กลายเป็นเฟรมเวิร์กที่ทรงพลังและยืดหยุ่นที่สุดสำหรับการสร้างเว็บแอปพลิเคชันแบบ Fullstack ที่รวมความสามารถของฝั่ง Client และ Server ไว้อย่างครบถ้วน หนังสือ Next.js Web Programming: Beginner เล่มนี้ ถูกออกแบบมาเพื่อปูพื้นฐานการเรียนรู้ Next.js ตั้งแต่ศูนย์ พร้อมแนวคิดเบื้องหลังการทำงานของระบบ SSR, SSG, Routing, และ Layout ที่เป็นหัวใจของการสร้างเว็บยุคใหม่ เนื้อหาในแต่ละบทจะค่อย ๆ พาผู้อ่านทำความเข้าใจ ตั้งแต่แนวคิดของ React จนถึงการสร้าง Dynamic Route และการเชื่อมต่อข้อมูลจาก API อย่างมืออาชีพ
________________________________________
สารบัญ
หน้า
บทที่ 1 แนะนำ Next.js และ React เบื้องต้น 1
• แนะนำ Next.js และ React เบื้องต้น (เชิงลึก)
• ความแตกต่างระหว่าง React และ Next.js
• ทำไมต้องใช้ Next.js? (SSR, SSG, Routing)
• การทำงานเบื้องหลังของ Next.js
• ข้อดีของ Fullstack Framework (เช่น Next.js)
• ตัวอย่างบูรณาการ
• Ultimate Examples
บทที่ 2 ติดตั้งโปรเจกต์ Next.js และรู้จักโครงสร้าง 66
• ติดตั้งโปรเจกต์ Next.js และรู้จักโครงสร้าง (เชิงลึก)
• การติดตั้งผ่าน create-next-app
• เริ่มต้นและรันโปรเจกต์บน IDE / Tools
• คู่มือติดตั้งบน IDE 4 ตัวแบบ Step-by-Step
• ติดตั้ง Next.js บน NetBeans
• รู้จักโฟลเดอร์สำคัญ: pages/, public/, styles/
• เรียกดูหน้าแรกผ่าน localhost
• การแก้ไขและดูผลแบบ Hot Reload
• ตัวอย่างบูรณาการ
บทที่ 3 ระบบ Routing (Pages, Navigation) 112
• ระบบ Routing (Pages, Navigation) – รายละเอียดเชิงลึก
• การสร้างหน้าแบบ file-based routing
• การใช้ Link และ useRouter
• การสร้าง 404 Page และ Custom Document
• ตัวอย่างบูรณาการ
• ตัวอย่าง Ultimate
บทที่ 4 Components และ Layout Reuse 175
• Components และ Layout Reuse (รายละเอียดเชิงลึก)
• การสร้าง Header และ Footer
• การจัด Layout ด้วย children
• การนำ Layout มาใช้ซ้ำ
• การใช้ CSS Modules กับ Layout
• ตัวอย่างบูรณาการ
บทที่ 5 การดึงข้อมูลด้วย getStaticProps และ getServerSideProps 236
• การดึงข้อมูล (Data Fetching) เชิงลึก
• ความแตกต่างระหว่าง SSG และ SSR
• การใช้ getStaticProps / getServerSideProps
• การส่ง props ไปยัง Components
• ตัวอย่างบูรณาการ
บทที่ 6 Dynamic Routing และ Catch-all Routes 291
• Dynamic Routing และ Catch-all Routes (เชิงลึก)
• การสร้าง Dynamic Route เช่น /blog/[id].js
• การใช้ getStaticPaths
• Catch-all Routes: [...slug].js
• การ validate parameter
• ตัวอย่างบูรณาการ
บรรณานุกรม 346
________________________________________
คำโปรย
หนังสือเล่มนี้ไม่เพียงสอนโค้ด แต่สอน "วิธีคิด" แบบนักพัฒนา Next.js ตัวจริง ผู้อ่านจะได้เรียนรู้ตั้งแต่พื้นฐานของ React จนถึงเทคนิคระดับ Framework ของ Next.js อย่างเป็นระบบ พร้อมตัวอย่างโค้ดจริงที่ทดสอบได้ทุกขั้นตอน ไม่ว่าจะเป็นการติดตั้ง การสร้าง Routing แบบ Dynamic การจัดการ Layout หรือการดึงข้อมูลด้วย SSR และ SSG — ทุกหัวข้อถูกอธิบายด้วยภาษาที่เข้าใจง่าย และค่อย ๆ เชื่อมโยงไปสู่แนวคิด Fullstack Development อย่างมืออาชีพ เหมาะสำหรับทั้งผู้เริ่มต้นที่ต้องการปูพื้นฐานให้แน่น และนักพัฒนาที่ต้องการเสริมความเข้าใจเชิงลึก เพื่อสร้างเว็บแอปพลิเคชันที่รวดเร็ว ยืดหยุ่น และรองรับอนาคตได้จริง
________________________________________