Spesifikasi Teknis
Stack dan requirement
Untuk developer atau yang penasaran soal implementasi, ini stack teknis Japang.
Tech stack
Frontend frameworkReact 19 + Vite 7
Type systemTypeScript 5.5+
StylingTailwind CSS 4 + shadcn/ui
3D engineThree.js + R3F 9
AnimationFramer Motion 12
State managementReact Context + hooks
BackendSupabase (Postgres + Auth + Storage)
RealtimeWebSocket (Duelin multiplayer)
AIProprietary LLM tuning
PWAVite PWA plugin + Workbox
AnalyticsPostHog (privacy-first)
Error trackingSentry
Browser requirements
→Chrome / Edge 90+ (Chromium-based)
→Safari 14+ (iOS 14+, macOS 11+)
→Firefox 88+
→JavaScript enabled, cookies allowed
→WebGL support (untuk Adventure 3D)
Performance budget
Kami targetkan LCP di bawah 1.5 detik, CLS di bawah 0.05, INP di bawah 100ms di koneksi 4G. Kalau kamu mengalami performa lambat, lapor di halaman bantuan.