- Next.js คืออะไร? + มาหัดเขียนเว็บด้วย Next.js กันดีกว่า
- ตอนที่ 1 - Hello Next.js เริ่มสร้างโปรเจ็ค
- ตอนที่ 2 - สร้าง Page และการ navigate ระหว่าง Pages
- ตอนที่ 3 - การจัดการ Assets, Metadata และ CSS
- ตอนที่ 4 - เรื่องของ Pre Rendering
- ตอนที่ 5 - Data Fetching และการดึงข้อมูลจาก API
- ตอนที่ 6 - การทำ Dynamic Routes
- ตอนที่ 7 - API Routes การทำ API ด้วย Next.js
Next.js คืออะไร? + มาหัดเขียนเว็บด้วย Next.js กันดีกว่า
เขียนวันที่ : Jun 13, 2022
ผมเคยเขียนบทความเกี่ยวกับ Next.js ไว้เมื่อปี 2020 ตอนที่ผมเพิ่งหัดใช้ Next.js ณ ตอนนั้นคือ version 9.3 และปัจจุบัน ก็มีพัฒนามาจน version 12 แล้วครับ มีอะไรเปลี่ยนแปลงไปเยอะพอสมควร (feature เพิ่มใหม่ แต่ syntax และวิธีการเขียน ก็ไม่ได้แตกต่างกันมาก) ก็เลยถือโอกาส อัพเดทเนื้อหาดีกว่า เนื่องจากเป็นหนึ่งในโพสที่คนอ่านเยอะพอสมควร
โดยตัวอย่าง Tutorial นี้จะเป็นการสอนเขียนตั้งแต่เริ่มต้น จนมีเว็บง่ายๆ เว็บนึง เป็นเหมือน Mini Workshop ครับ หน้าตาเว็บ ก็จะประมาณนี้
<รออัพเดทครับ> 🤣
ตัวอย่าง Showcases เว็บที่เขียนด้วย Next.js
References
เนื้อหา ส่วนใหญ่ อ้างอิงจากเว็บ Next.js เป็นหลัก
หลังจากที่ผมได้เรียนรู้จากการอ่านและลองทำตาม Tutorial ก็เลยคิดว่า อยากจะทบทวนตัวเอง เลยลองหัดทำขึ้นมาคล้ายๆ Tutorial มีดัดแปลงบ้างนิดหน่อย ตามความเข้าใจของตัวเอง ก็เลยเกิดเป็น Project นี้ขึ้นมาครับ
ถ้าพร้อมแล้ว ไปเริ่มเรียน Next.js กันเลยครับ 💪