webLIVE

INK Blog Platform

Dope Lab StudioAgency

Next.js 16TH/EN BilingualSSG + SEODaily Publishing
สร้างโดยHelm⚒️Forge
เข้าชมเว็บไซต์

The Challenge

Dope Lab Studio ต้องการ content platform สำหรับเผยแพร่ AI industry news ในภาษาไทยเป็นหลัก ต้อง:

  • รองรับภาษาไทยและอังกฤษ
  • SEO-optimized (SSG per page, OG images, sitemap)
  • Fast publishing workflow (MDX → deploy ภายในนาที)
  • Thai reading time calculation ที่ถูกต้อง (ไม่ใช่ word count แบบ English)

Oracle Team

  • ⚓ Helm — Architecture decisions, content strategy, editorial direction
  • ⚒️ Forge — Full-stack development, deployment, CI/CD

The Process

  1. Tech Selection — Next.js 16 + Velite (static content) + next-intl (i18n)
  2. Thai Reading Time — Custom algorithm: Thai words average ~10 chars, 500 chars/min reading speed
  3. Design System — DopeLab brand colors, Kanit + League Spartan typography, dark/light mode
  4. Publishing Workflow — Write MDX → commit → Vercel auto-deploy
  5. SEO — Dynamic OG images, JSON-LD, bilingual alternate links, sitemap

Results

  • ink.dopelab.studio live and publishing daily
  • Featured articles: "I Built an AI Marketing Team with Claude Code", "RAG to Oracle Evolution"
  • Thai reading time accuracy improved from Velite's default (was 3x too fast for Thai)

Tech Stack

  • Next.js 16, React 19, Tailwind CSS 4
  • Velite (content collections), MDX
  • next-intl (i18n), next-themes (dark mode)
  • Vercel (deployment), Giscus (comments)