ตอนที่ 7 - API Routes การทำ API ด้วย Next.jsPublished onJul 16, 2022 • Web Development API Routesใน Next.js เราสามารถทำตัวเป็น Backend APIs ได้เลย โดยที่ไม่ต้องมี Server เพิ่ม โดยเพียงแค่สร้างโฟลเดอร์ `api` ไว้ภายใน `page...Next.jsNextReactWeb-DevNode.js
ตอนที่ 6 - การทำ Dynamic RoutesPublished onJul 16, 2022 • Web Developmentปกติแล้ว Routing ใน Next.js จะเป็นแบบ file-system เพียงแค่เราสร้างไฟล์ในโฟลเดอร์ `pages` เราก็จะได้หน้าเว็บนั้นๆ เช่น สร้างไฟล์ `about.js` url เราก็จะเป็น `/about`ทีนี้ถ้าเรามีเ...Next.jsNextReactWeb-DevNode.js
ตอนที่ 5 - Data Fetching และการดึงข้อมูลจาก APIPublished onJul 15, 2022 • Web Developmentตอนนี้จะเป็นเรื่องของ Fetching API เพื่อดึงข้อมูลจาก API มาแสดง ซึ่งจริงๆ แล้ว fetching data นั้นทำได้หลายท่ามากๆ เช่น Client Side - ด้วยการใช้ `useEffect` และทำการ `fetch` แ...Next.jsNextReactWeb-DevNode.js
ตอนที่ 4 - เรื่องของ Pre RenderingPublished onJun 19, 2022 • Web Developmentสวัสดีครับ ตอนที่ 4 มาพูดถึงเรื่องของ Pre Rendering กันครับ บทนี้ส่วนใหญ่เป็นทฤษฎี พยายามอ่านทำความเข้าใจไปก่อนครับ ไม่เข้าใจทั้งหมดไม่เป็นไร รอบทถัดไปเรื่อง Data Fetching เพื...Next.jsNextReactWeb-DevNode.js
ตอนที่ 3 - การจัดการ Assets, Metadata และ CSSPublished onJun 18, 2022 • Web Developmentมาต่อกันที่บทที่ 3 ครับ บทนี้ก็ยังใช้ source code ที่ได้จาก `create-next-app` นะครับ วันนี้ต่อด้วยเรื่องของ Assets และการจัดการ CSS โดย Assets ก็หมายถึงพวก static files ทั้งหลาย เ...Next.jsNextReactWeb-DevNode.js
ตอนที่ 2 - สร้าง Page และการ navigate ระหว่าง PagesPublished onJun 15, 2022 • Web Development Create Pages & Routingสำหรับบทเรียนนี้ เรายังคงอ้างอิงจาก โค๊ด จาก `create-next-app` โดยเราจะทำหน้าเว็บขึ้นมาเพิ่ม 2 หน้าครับ คือ Index กับหน้า About ...Next.jsNextReactWeb-DevNode.js
ตอนที่ 1 - Hello Next.js เริ่มสร้างโปรเจ็คPublished onJun 13, 2022 • Web Developmentสวัสดีครับ มาเริ่มตอนแรกกันด้วย Next.js คืออะไร และการขึ้นโปรเจ็ค Next.js กันครับ Next.js คืออะไร?Next.js เป็น React Framework ที่ช่วยให้เราทำงานส...Next.jsNextReactWeb-DevNode.js
Next.js คืออะไร? + มาหัดเขียนเว็บด้วย Next.js กันดีกว่าPublished onJun 13, 2022 • Web Developmentผมเคยเขียนบทความเกี่ยวกับ Next.js ไว้เมื่อปี 2020 ตอนที่ผมเพิ่งหัดใช้ Next.js ณ ตอนนั้นคือ version 9.3 และปัจจุบัน ก็มีพัฒนามาจน vers...Next.jsNextReactWeb-DevNode.js