Ürün mühendisliğiDeveloper Tools
TikZ Studio — Sandbox Mimarisi
Tarayıcı tabanlı LaTeX/TikZ editöründe kullanıcı kodunu güvenli biçimde derlemek için kurulan sandbox mimarisi.
Next.js 16React 19TypeScriptPrismaDockerCodeMirror
Problem
TikZ ile diyagram çizmek güçlü ama zahmetli: yerel LaTeX kurulumu ağır, derleme döngüsü yavaş ve paylaşım zor. Kullanıcıdan gelen LaTeX kodunu derlemek, uzaktan kod çalıştırmaya izin vermekle eşdeğer bir güvenlik problemi.
Çözüm
CodeMirror 6 ile yazılan kod, sunucu tarafında izole Docker container'ında derlenir; kullanıcı kodu host sisteme hiç dokunmaz. PDF önizlemesi anında gelir, SVG/PNG export ile çıktı taşınabilir.
Teknik mimari
- Next.js 16 App Router + React 19 frontend; CodeMirror 6 editör katmanı.
- LaTeX derlemesi sandboxed Docker container'larında.
- Prisma ile proje/dosya modeli; multi-file proje ve şablon sistemi.
Öğrenimler
- Derleme gecikmesini kullanıcıya hissettirmemek için önizleme akışının (queue, cache, incremental feedback) dikkatle kurgulanması gerekiyor.