Devahoy กำลังจะเปลี่ยนมาใช้ Gatsby แล้วจ้า 🔥

Chai Phonbopit
Feb 21 · 2 min read
  • เป็น React based
  • ดู Performance, Plugin และ Ecosystem แล้ว Gatsby ทำมาดีเลย

ขั้นตอนการเปลี่ยน

ก่อนการเปลี่ยน ผมมาคิดไว้แล้วว่า จะแค่เปลี่ยน Stack หลังบ้าน ซึ่งสุดท้ายแล้ว ทั้งสองตัวผลลัพธ์มันคือ Static Web ธรรมดานั่นแหละ ตัว End User ไม่น่าจะเห็นการเปลี่ยนแปลง (อาจจะมีบ้างที่หน้าเว็บโหลดไวขึ้น มี PWA ที่ตอนแรกไม่ได้ทำรองรับ)

กำลังเริ่มทำพวก Components ต่างๆ

เรียนรู้ GraphQL

การได้เขียน Gatsby ทำให้ต้องมาเรียนรู้การใช้ GraphQL อยู่พอสมควร แต่หลักๆแล้ว แค่พอรู้การ Query ก็เพียงพอสำหรับการใช้งานเบื้องต้นแล้วครับ (แค่ใช้ Query บทความ มี Condition หรือ Query รูปภาพได้ ก็โอเคแล้ว)


เริ่มแยกส่วนต่างๆเป็น Components

ต่อมาผมเริ่มแยก Component ออกมา เช่น ส่วน Header, Footer ส่วนที่เป็น Latest Post, ส่วน Author ส่วน Meta Post ของบทความ หรือส่วน Share, Pagination ต่างๆ แต่สิ่งที่ชวนปวดหัวนิดๆคือ ขี้เกียจนั่งเขียน Query GraphQL ก็ใช้วิธี ก็อปปี้ Component เก่าๆมาปรับแก้ 😃

เช่นส่วน Author ก็ Query รูป และมี Fixed Image ไว้

Plugin ดีเลิศ

สิ่งที่ชอบสำหรับ Gatsby คือมี Plugin ดีมาก ตอบโจทย์เกือบทุกอย่างที่ต้องการ หลักๆเลยก็จะมีplugin จำพวก Transform เช่นแปลง Markdown แปลง Image ต่างๆพวก image-shape, gatsby-image, gatsby-remark ไรพวกนี้ และอีกพวกคือ Source Plugin เอาไว้ดึง local data เช่นพวก source-filesystem เอาไว้อ่านไฟล์ local ต่างๆ


Devahoy

Learn and share about technologies that power the world, read more at https://devahoy.com

Chai Phonbopit

Written by

[**MOVE TO MY OWN BLOG] I make web stuff with JavaScript (Node & React), Blogger at https://devahoy.com 🤖

Devahoy

Devahoy

Learn and share about technologies that power the world, read more at https://devahoy.com