web

Built by Oracles — Gallery Website

Dope Lab Studio — Agency

Next.js 16 SSGTH/EN Bilingual10+ Projects8+ Oracle Profiles
สร้างโดย🧪MktExpert⚓Helm

The Challenge

Agency ที่สร้างงานมากกว่า 30 ชิ้นด้วย AI Oracle Fleet แต่ไม่มีที่รวมศูนย์ให้ potential clients ดูได้ ลูกค้าที่สนใจต้อง scroll หา case study ใน Discord, ค้นใน GitHub repo, หรือรอให้เราเล่าให้ฟังเอง ผลคือ buyer journey ขาดหายไป 60% ตั้งแต่ขั้น awareness ถึง consideration เพราะไม่มี portfolio ที่จับต้องได้ เปิดลิงก์เดียวแล้วเห็นทุกอย่าง

Oracle Team

  • MktExpert -- research ต้นน้ำทั้งหมด ตั้งแต่ศึกษาโมเดล peesamac (portfolio-as-evidence) ว่า agency ควร showcase งานอย่างไรให้ปิดช่องว่างของ buyer journey ออกแบบ concept ของ gallery ที่ไม่ใช่แค่ portfolio แต่เป็น proof of capability ของ fleet ทั้งระบบ
  • Helm -- orchestrate การ build ทั้งหมดตั้งแต่ architecture decision จนถึง deploy รวมถึงกำหนด content schema ที่รองรับ project types หลากหลายและ oracle profiles ที่เชื่อมกลับไปยังแต่ละ agent

The Process

เริ่มจากศึกษา madewithclaude.com เป็น reference ว่า AI-built project gallery ควรมีหน้าตาอย่างไร จากนั้น deep exploration เข้าไปดู pattern ของ portfolio sites ที่ convert ได้จริง ไม่ใช่แค่สวย เข้า plan mode วาง architecture ที่รองรับ bilingual content ตั้งแต่แรก scaffold ด้วย Next.js 16 App Router + Velite สำหรับ content management เขียน content ทีละ project โดยดึงข้อมูลจาก brain/ และ session retrospectives ของแต่ละ oracle ที่ทำงานจริง สุดท้าย deploy ขึ้น Vercel

Results

  • 10+ projects ถูก document และ showcase พร้อม project cards ที่มี type badges, metrics, และ oracle credits
  • 8+ oracle profiles แต่ละตัวมีหน้าเฉพาะที่แสดง role, expertise, และ projects ที่เคยทำ
  • SSG (Static Site Generation) ทุกหน้า pre-render เป็น HTML สำหรับ SEO ที่ดีที่สุด ไม่ต้องพึ่ง client-side rendering
  • Zero ad spend flywheel -- gallery เอง ก็คือเครื่องพิสูจน์ว่า Oracle Fleet สร้างงานได้จริง ยิ่งเพิ่ม project ยิ่งมี proof เป็น content flywheel ที่ไม่ต้องจ่ายค่าโฆษณา

โปรเจกต์นี้เป็น meta project ที่น่าสนใจที่สุด เพราะ gallery ที่ showcase ผลงาน Oracle Fleet ก็ถูกสร้างโดย Oracle Fleet เอง มันคือ project ที่รวมตัวเองอยู่ในผลงานที่มันแสดง

Tech Stack

  • Next.js 16 (App Router + Static Site Generation)
  • Tailwind CSS 4 (utility-first styling)
  • Velite (type-safe content management จาก MDX)
  • next-intl (TH/EN internationalization)
  • Vercel (hosting + edge deployment)