ข้ามไปที่เนื้อหา
Clinford Jordano Valencia
โปรเจกต์ทั้งหมด
เว็บAIโอเพนซอร์ส

Nexus เว็บไซต์นี้

เว็บไซต์ส่วนตัวหลายภาษาที่มีผู้ช่วย AI ซึ่งไม่เคยล่ม สร้างบนบริการฟรีด้วยการเรนเดอร์แบบสแตติกเป็นหลัก

บทบาท
Design & engineering
ช่วงเวลา
2026
เทคโนโลยี
Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama

ปัญหา

เว็บไซต์ส่วนตัวต้องทำสามอย่างพร้อมกัน คือแสดงผลงาน ติดอันดับในการค้นหา และเปลี่ยนผู้เยี่ยมชมที่สนใจให้กลายเป็นบทสนทนา นอกจากนี้ยังต้องไม่มีค่าใช้จ่ายในการรัน ใช้ภาษาของคนที่ทำงานด้วยกัน และยังให้ความรู้สึกว่าตั้งใจทำ

แนวทาง

  • สแตติกเป็นหลัก ทุกหน้าถูกเรนเดอร์ล่วงหน้าสำหรับทุกภาษาและให้บริการจาก CDN มีเพียงผู้ช่วย AI ฟอร์มติดต่อ และแดชบอร์ดที่ทำงานตามคำขอ
  • สิบแปดภาษา แหล่งข้อมูลเดียว ข้อความในอินเทอร์เฟซอยู่ในไฟล์ JSON หนึ่งไฟล์ต่อภาษา โปรไฟล์และบริการเป็นเนื้อหา TypeScript ที่กำหนดชนิดข้อมูลพร้อมฟิลด์แยกตามภาษา ส่วนบทความยาวจะแสดงเป็นภาษาอังกฤษพร้อมแจ้งตรง ๆ แทนการแปลด้วยเครื่อง
  • ผู้ช่วยที่ล่มไม่ได้ คำตอบมาจากเนื้อหาของเว็บไซต์เอง เมื่อผู้ให้บริการ AI ฟรีรายหนึ่งถูกจำกัดการใช้งาน รายถัดไปจะรับช่วงต่อ และเมื่อไม่มีรายใดใช้ได้ ฐานความรู้ในเครื่องจะตอบจากเทมเพลตในภาษาของผู้เยี่ยมชม
  • การเสริมความสามารถแบบค่อยเป็นค่อยไป แอนิเมชัน การค้นหา และเทอร์มินัล เสริม HTML ที่เรนเดอร์จากเซิร์ฟเวอร์ผ่านไคลเอนต์ไอแลนด์ขนาดเล็กเพียงตัวเดียว หากไม่มี JavaScript เนื้อหาทั้งหมดก็ยังอยู่ครบ

ผลลัพธ์

เว็บไซต์ทำงานเร็วบนโทรศัพท์ระดับกลาง รองรับภาษาอาหรับที่เขียนจากขวาไปซ้าย และมีค่าใช้จ่ายแค่ค่าโดเมน ผู้ช่วยตอบได้ทุกภาษาที่รองรับ แม้ไม่ได้ตั้งค่า API key เลยสักตัว

ถ้าทำใหม่ จะทำอะไรต่างออกไป

เริ่มจากโมเดลเนื้อหาก่อน การตัดสินใจยาก ๆ ส่วนใหญ่ (อะไรต้องแปล อะไรกลับไปใช้ภาษาอังกฤษ AI พูดอะไรได้บ้าง) เป็นการตัดสินใจเรื่องเนื้อหา ไม่ใช่เรื่องโค้ด