#Web-dev

สืบเนื่องมาจากผมใช้ giscus.app ที่เป็น Comment System โดยใช้ Github Discussions แต่ปัญหาคือ ผมไม่เคยได้ Notifications เวลามี activity ใน discussions เลย ทั้...

API Routesใน Next.js เราสามารถทำตัวเป็น Backend APIs ได้เลย โดยที่ไม่ต้องมี Server เพิ่ม โดยเพียงแค่สร้างโฟลเดอร์ `api` ไว้ภายใน `page...

ปกติแล้ว Routing ใน Next.js จะเป็นแบบ file-system เพียงแค่เราสร้างไฟล์ในโฟลเดอร์ `pages` เราก็จะได้หน้าเว็บนั้นๆ เช่น สร้างไฟล์ `about.js` url เราก็จะเป็น `/about`ทีนี้ถ้าเรามีเ...

ตอนนี้จะเป็นเรื่องของ Fetching API เพื่อดึงข้อมูลจาก API มาแสดง ซึ่งจริงๆ แล้ว fetching data นั้นทำได้หลายท่ามากๆ เช่น Client Side - ด้วยการใช้ `useEffect` และทำการ `fetch` แ...

สวัสดีครับ ตอนที่ 4 มาพูดถึงเรื่องของ Pre Rendering กันครับ บทนี้ส่วนใหญ่เป็นทฤษฎี พยายามอ่านทำความเข้าใจไปก่อนครับ ไม่เข้าใจทั้งหมดไม่เป็นไร รอบทถัดไปเรื่อง Data Fetching เพื...

มาต่อกันที่บทที่ 3 ครับ บทนี้ก็ยังใช้ source code ที่ได้จาก `create-next-app` นะครับ วันนี้ต่อด้วยเรื่องของ Assets และการจัดการ CSS โดย Assets ก็หมายถึงพวก static files ทั้งหลาย เ...

Create Pages & Routingสำหรับบทเรียนนี้ เรายังคงอ้างอิงจาก โค๊ด จาก `create-next-app` โดยเราจะทำหน้าเว็บขึ้นมาเพิ่ม 2 หน้าครับ คือ Index กับหน้า About ...

สวัสดีครับ มาเริ่มตอนแรกกันด้วย Next.js คืออะไร และการขึ้นโปรเจ็ค Next.js กันครับ Next.js คืออะไร?Next.js เป็น React Framework ที่ช่วยให้เราทำงานส...

ผมเคยเขียนบทความเกี่ยวกับ Next.js ไว้เมื่อปี 2020 ตอนที่ผมเพิ่งหัดใช้ Next.js ณ​ ตอนนั้นคือ version 9.3 และปัจจุบัน ก็มีพัฒนามาจน vers...

สวัสดีครับ บทความนี้ผมจะมาแชร์ วิธีการทำ Search บนเว็บไซต์นะครับ เนื่องจากว่าผมเพิ่งลองใส่ช่อง ค้นหา ที่บล็อกนี้ โดยใช้ Algolia นั่นเองและตัวบล็อกของผมเป็น Gatsby ที่ built เป็น...

<ShareLink url="/tutorials/learn-nextjs/intro" title="บทความสอน Next.js อัพเดทเนื้อหา ปี 2022" />สวัสดีครับ บทความนี้จะพาไปรู้จักกับการเขียนเว็บด้วย Next.js กันนะครับซึ่งบทควา...

สวัสดีครับ วันนี้มาอัพเดทบล็อก เพราะว่าผมนำคอร์สออนไลน์ มาให้เพื่อนๆได้เรียนฟรี บน Youtube ครับคอร์สนี้เป็นคอร์สเดียวกันกับที่ผมทำคอร์สออนไลน์ ขายราคา 2,990 บาท (ราคาโปร 990บา...

Table of Contents- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 1 : Overview- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 2 : Custom...

Table of Contents- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 1 : Overview- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 2 : Custom...

Table of Contents- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 1 : Overview- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 2 : Custom ...

Table of Contents- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 1 : Overview- มาหัดเขียนบล็อกด้วย Middleman ตอนที่ 2 : Custom Layout(/blog/2015/06/getting-started-with-middleman-p...