Sebentar ya...

Engineering Notes .

Halaman ini saya pakai untuk menyimpan catatan teknis, deployment log, breakdown debugging, dan hal-hal penting yang saya pelajari selama membangun produk digital.

Format: dokumentasi singkat, build log, dan learning notes
Fokus: frontend, backend, devops, dan problem solving
Membangun Hero Interaktif dengan React Three Fiber
UI EngineeringPortfolio Note6 min read
frontend

Catatan implementasi lanyard 3D, penyesuaian interaction drag, rotasi card, dan balancing visual dengan layout hero.

ReactR3FFramer Motion
Struktur Backend API untuk Project Full-Stack
Architecture NoteEngineering Journal7 min read
backend

Dokumentasi cara saya menyusun route, auth flow, relasi data, dan service layer agar backend tetap maintainable saat scale bertambah.

Node.jsLaravelREST API
Deploy Next.js ke VPS dengan Nginx, PM2, dan SSL
Deployment LogOps Note5 min read
devops

Ringkasan langkah deployment yang saya pakai untuk project production, termasuk domain setup, reverse proxy, dan process management.

VPSNginxPM2
Merapikan Responsiveness tanpa Merusak Desktop Layout
Implementation NoteBuild Log4 min read
frontend

Dokumentasi keputusan spacing, alignment, dan overflow handling agar tampilan tetap stabil di mobile, tablet, dan desktop.

Responsive UITailwindUX
Case Breakdown: Menangani Layout Shift dan Clipping Canvas
Problem SolvingDebug Session5 min read
case study

Catatan debugging saat elemen canvas 3D terpotong oleh wrapper layout, termasuk analisis z-index, overflow, dan viewport canvas.

DebuggingCanvasLayout
Belajar Docker untuk Workflow Development yang Lebih Stabil
Learning LogStudy Note3 min read
learning

Rangkuman konsep dasar containerization, alasan saya mulai memakai Docker, dan bagian workflow yang paling terasa manfaatnya.

DockerDevOpsLearning