เบื้องหลังการสร้าง hideoutlab.dev
เครื่องมือเบื้องหลังเว็บไซต์นี้ Next.js แบบ static สองภาษา รันบน Cloudflare Worker พร้อมฟอร์มติดต่อที่ส่งตรงเข้า Discord ของทีม
เว็บไซต์นี้คือที่ที่เราใช้แสดงผลงาน เราจึงอยากให้มันเร็ว ดูแลง่าย และให้ทีมทั้ง 4 คนอัปเดตได้สะดวก นี่คือสิ่งที่อยู่เบื้องหลัง
ตัวหน้าเว็บ
- สร้างด้วย Next.js แล้ว export เป็นไฟล์ static ธรรมดา จึงไม่มีเซิร์ฟเวอร์ให้ต้องดูแล
- ภาษาไทยอยู่ที่หน้าแรกของเว็บ ภาษาอังกฤษอยู่ใต้ /en และสลับภาษาได้ทุกหน้า
- ผลงานและสมาชิกแต่ละคนเขียนไว้ในโค้ดครั้งเดียว แล้วสร้างเป็นหน้าเว็บให้อัตโนมัติ
การโฮสต์
- Cloudflare Worker เป็นตัวส่งไฟล์บน hideoutlab.dev
- ทุก pull request ได้ลิงก์ preview ของตัวเอง และเมื่อ merge เข้า main ก็ขึ้นเว็บจริงทันที
ฟอร์มติดต่อ
- ฟอร์ม “ส่งข้อความ” ส่งข้อมูลไปที่ Worker ตัวเดียวกัน
- Worker ส่งต่อให้ nemu บอต Discord ของเราเอง ซึ่งโพสต์เป็นลีดในช่องของทีม พร้อมเธรดสำหรับตอบกลับ
- ถ้า nemu รับไม่ได้ ข้อความก็ยังไปถึง Discord ผ่าน webhook สำรอง
เราจะเขียนเรื่องโปรเจกต์ที่ทำและสิ่งที่ได้เรียนรู้ระหว่างทางไว้ที่นี่อีกเรื่อย ๆ
