← Capabilities
Frontend & CMS

React · Next.js

React + Next.js เป็น frontend stack หลัก · SSR · static + dynamic islands · TypeScript ทุก project

Application blueprint infographic with modular frontend and backend systems
Frontend systems
CRAFT CRAFT channel
Prod used in real delivery
Run linked to day-2 operations

Where we use it

  • Government portal frontend (~61 components ใน flagship multi-team build)
  • SPA / dashboard / admin UI
  • Marketing site + landing page
  • Headless CMS frontend (WordPress + Strapi backend)

What we do

  • Next.js (App Router หรือ Pages Router ตาม project age)
  • React Server Components + Streaming
  • TypeScript strict mode default
  • State management: Zustand / Redux Toolkit / Context per scale
  • Testing: Vitest + React Testing Library + Playwright
  • Build performance + Core Web Vitals tuning

Why it matters

React ecosystem มี library + tooling รองรับทุก use case · TypeScript ทำให้ refactor + handoff ง่าย · Next.js ให้ deployment options ครบ (Vercel · self-host · static export)

คุยเรื่อง React · Next.js

มีโจทย์ที่ใช้ React · Next.js อยู่แล้ว · ส่ง requirement มา · เรากลับใน 2 วันทำการ

ติดต่อทีม →