Uses
เครื่องมือที่ใช้สร้างพื้นที่นี้
หน้านี้จะค่อย ๆ บันทึก stack, workflow และเครื่องมือที่ใช้จริงระหว่างสร้าง sinananr.com — ปรับปรุงตามของจริง ไม่ใช่ของในฝัน
Frontend / Website
หน้าเว็บ + UX
Astro
Framework สำหรับหน้าเว็บ static-first ที่ใช้สร้าง sinananr.com — เร็ว แก้ง่าย
Tailwind CSS
Utility-first CSS พร้อมตัวแปร HSL theme tokens สำหรับ light/dark mode
shadcn UI (Astro port)
Primitive ที่ compose ได้ใหม่ ไม่ใช่ library ชั้นเดียวเดียว
Content / CMS
เขียนและจัดการบทความ
Sanity
Headless CMS ที่ editorial สบายและ query ผ่าน GROQ ได้ยืดหยุ่น
Portable Text
เก็บบทความเป็น structured content แล้ว render เป็น HTML หรือ UI แบบไหนก็ได้
Infrastructure
Deploy + Edge
Cloudflare Pages
Host website build แล้ว serve จาก edge ทั่วโลก
Cloudflare Workers
ใช้รับ traffic API ในเฟสถัดไป (search + recommend)
SurrealDB
Database สำหรับ feature semantic / recommendation — ยังเป็น scaffolding
Languages / Tooling
ภาษาและเครื่องมือที่ใช้ทุกวัน
TypeScript
ภาษาหลักของทั้งฝั่งเว็บ, API, และ mobile
pnpm + Turbo
Monorepo ที่ share package ได้ลื่น ไม่ต้องทน npm hoisting อีก
Expo
React Native สำหรับ mobile companion — เฟสถัดไป