บล็อก

Tailwind CSS คือ CSS Framework ที่ถูกออกแบบมาในแนวคิดแบบ Utility-first ซึ่งแตกต่างจาก Framework แบบเดิมที่ให้เราใช้ class สำเร็จรูป เช่น btn หรือ card แต่ Tailwind จะให้ class ขนาดเล็กที่ทำหน้าที่เฉพาะอย่าง เช่น ระยะห่าง สี ขนาด หรือการจัด layout แนวคิดนี้ช่วยให้เราเขียน UI ได้โดยไม่ต้องสลับไปมาระหว่างไฟล์ HTML และ CSS ทุกอย่างถูกควบคุมจาก class ที่เขียนอยู่ใน component ได้ทันที

ในบทความนี้ ผมจะแชร์วิธีการเริ่มต้นสร้างโปรเจกต์ Next.js แบบง่าย ๆ พร้อมอธิบายขั้นตอนที่ผมใช้เป็นประจำ ตั้งแต่การสร้างโปรเจกต์ใหม่ไปจนถึงการตั้งค่าโครงสร้าง frontend พื้นฐาน ที่สามารถนำไปต่อยอดพัฒนาได้ในอนาคต