Blog
Blog
All Blog About Codingπ
There are some blog about coding that i create to add more insight and also to share knowledge
- System Design
- Architecture
- Backend
- Interview
- Java
- Spring Boot
- React
- Security
- DevOps
- Docker
- Python
- FastAPI
- SQLAlchemy
- Database
- WebSockets
- Realtime
- Authentication
- Testing
- CI/CD
- Ruby
- Rails
- Full Stack
- Tutorial Series
- Next.js
- NestJS
- Laravel
- Clean Code
- Open Source
- Community
- React Native
Oct 13, 2026
Java Spring Boot + React E-Learning: Single VPS Production Deployment with Docker Compose, Host Nginx Reverse Proxy & SSL Let's Encrypt
A battle-tested, step-by-step production deployment guide for the Java 21 Spring Boot 3 & React 19 E-Learning platform on a single Ubuntu VPS: Docker Compose production topology, Host Nginx SSL termination with Certbot, Swap memory tuning, WebSocket proxying, automated daily database backups, and zero-downtime redeployment scripts.
Oct 13, 2026
Java Spring Boot + React E-Learning: Production Readiness, Security Hardening & Zero-Downtime Resilience (PR #1 Breakdown)
A deep-dive technical post-mortem on hardening the open-source Java 21 Spring Boot 3.4 & React 19 E-Learning platform: eliminating path traversal in file storage, implementing refresh token rotation with Axios queue interceptors, Docker persistent volumes, and Actuator health probes.
Oct 9, 2026
Rebuilding Laravel E-Learning to Ruby on Rails & React: Convention over Configuration, Multithreaded Puma & Cloud-Ready Migration
A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready architecture using Ruby 3.3, Ruby on Rails 8.1 API, React 19, Tailwind CSS v4, PostgreSQL 16, Redis 7, and Action Cable real-time proctoring.
Oct 9, 2026
Python FastAPI E-Learning Part 6: Single VPS Production Deployment β Docker Compose, Nginx SSL & Health Monitoring
Deploy a high-concurrency Python FastAPI and React 19 application to a single Linux VPS: multi-container Docker Compose orchestration, Host Nginx reverse proxy with Let's Encrypt SSL, WebSocket upgrade tuning, and auto-recovery health monitoring scripts.
Oct 8, 2026
Python FastAPI E-Learning Part 5: High-Throughput Excel Pipelines & Async Automated Testing with Pytest
Master bulk data ingestion and automated quality assurance in Python FastAPI: memory-efficient Excel streaming with openpyxl, atomic batch database transactions, async integration testing with pytest-asyncio and httpx, and GitHub Actions CI/CD pipelines.
Oct 7, 2026
Python FastAPI E-Learning Part 4: Enterprise Security Hardening β Stateless JWT, RBAC & 1-Click Impersonation
Fortify enterprise Python FastAPI backends: declarative Role-Based Access Control (RBAC) via dependency injection, path traversal defense in file uploads, and a seamless 1-Click Administrative Impersonation engine with zero-reauth session recovery.
Oct 7, 2026
System Design Roadmap Part 4: Real-World Interview Systems β URL Shortener, Chat, Food Delivery & Notification
Ace system design interviews with complete end-to-end architectures: TinyURL URL shortener, WhatsApp-scale real-time chat, Zomato/Gojek geospatial food delivery, distributed notification engines, and Redis rate limiters.
Oct 7, 2026
System Design Roadmap Part 3: Distributed Patterns & Concepts β CAP Theorem, Hashing, Sharding & Sagas
Deep-dive into distributed systems theory and production patterns: CAP and PACELC theorems, consistent hashing rings, horizontal database sharding, idempotent APIs, Transactional Outbox, Saga orchestration, and CQRS.
Oct 7, 2026
System Design Roadmap Part 2: Core Building Blocks β Load Balancers, CDN, Caching, API Gateway, DBs & Kafka
Essential building blocks of scalable architectures: L4 vs L7 load balancing, global CDN caching, Redis caching strategies, API Gateways, SQL vs NoSQL selection matrices, and Apache Kafka event-driven decoupling.
Oct 7, 2026
System Design Roadmap Part 1: Networking Basics β Packets, TCP/UDP, TLS & REST
Master foundational networking concepts for system design: how the internet routes packets, TCP vs UDP trade-offs, HTTP/HTTPS security with TLS 1.3, DNS resolution deep-dive, and stateless REST API architectural principles.
Oct 6, 2026
Python FastAPI E-Learning Part 3: High-Precision CBT Exam Engine & Native WebSocket Proctoring
Engineer a high-concurrency, cheat-resistant Computer Based Test (CBT) engine using Python FastAPI: server-authoritative countdown timers, instant autosave, anti-cheat violation traps, and real-time candidate proctoring with native ASGI WebSockets and Redis Pub/Sub.
Oct 5, 2026
Python FastAPI E-Learning Part 2: Async ORM & Type Safety β SQLAlchemy 2.0 Async, Pydantic v2 & N+1 Prevention
Master modern async database persistence and schema validation in Python 3.12: SQLAlchemy 2.0 Async engine, eliminating N+1 query traps with selectinload, avoiding MissingGreenlet errors with expire_on_commit=False, and sub-millisecond serialization using Pydantic v2.
Oct 5, 2026
Rebuilding Laravel E-Learning to Java Spring Boot & React: Enterprise Architecture & Cloud-Ready Migration
A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready architecture using Java 21, Spring Boot 3.4, React 19, Tailwind CSS v4, Redis, and WebSocket STOMP proctoring.
Oct 4, 2026
Rebuilding Laravel E-Learning to Python FastAPI & React: High-Concurrency Async Architecture & Cloud-Ready Migration
A comprehensive guide on rebuilding a monolithic Laravel E-Learning & CBT platform into a high-concurrency, cloud-ready async architecture using Python 3.12, FastAPI, SQLAlchemy 2.0 Async, Pydantic v2, React 19, Tailwind CSS v4, Redis, and native WebSocket proctoring.
Oct 3, 2026
Laravel E-Learning Part 10: Eliminating IDOR Vulnerabilities & Security Hardening (PR #18)
Part 10 of the Laravel E-Learning series: deep-diving into Insecure Direct Object Reference (IDOR) vulnerabilities, implementing granular Laravel Policies, securing Livewire components with #[Locked], hiding exam answers, and hardening admin impersonation in PR #18.
Sep 22, 2026
Laravel E-Learning Part 9: Resolving Community Issues, Exam Flow Hardening & CI/CD Pipeline
Part 9 of the Laravel E-Learning series: triaging a critical community bug report (Issue #16), fixing essay score calculations, student attempt validation, UI state handling, and adding a comprehensive GitHub Actions CI & Security pipeline in PR #17.
May 30, 2026
Fleet Management Part 8: DevSecOps, CI/CD & Production Deployment
Complete DevSecOps pipeline with GitHub Actions. Security scanning, Docker, CI/CD, monitoring, and production deployment for enterprise applications.
May 26, 2026
Fleet Management Part 7: From Monolith to Microservices
Transform a monolith into microservices. Service boundaries, inter-service communication, API gateway, saga pattern, and when NOT to use microservices.
May 22, 2026
Fleet Management Part 6: SOLID Principles & Design Patterns in Practice
Apply SOLID principles and design patterns in real code. Refactor bad code to clean code with practical examples in NestJS and Laravel.
May 18, 2026
Fleet Management Part 5: Database Design β PostgreSQL, MySQL & Redis
Master polyglot database architecture. PostgreSQL for telemetry, MySQL for business data, Redis for caching. Schema design, migrations, and query optimization.
May 14, 2026
Fleet Management Part 4: Admin Panel & Business Logic with Laravel
Build a powerful admin panel with Laravel and Filament. Service layer patterns, Eloquent ORM, event-driven architecture, and when Laravel beats Node.js.
May 10, 2026
Fleet Management Part 3: Backend API with NestJS
Build a scalable backend API with NestJS and TypeScript. Modules, controllers, services, DTOs, dependency injection, and clean architecture patterns.
May 6, 2026
Fleet Management Part 2: Building the Real-Time Dashboard with Next.js
Step-by-step guide to building a real-time fleet tracking dashboard with Next.js and TypeScript. SSR, component architecture, and performance optimization.
May 2, 2026
Fleet Management System Part 1: Introduction & System Architecture
Learn how to design enterprise system architecture for an energy logistics fleet management platform. From requirements gathering to tech stack decisions with NestJS, Laravel, and Next.js.
Mar 26, 2026
Upgrading Laravel E-Learning Platform from Laravel 12 to Laravel 13
A complete guide to upgrading the Laravel E-Learning & CBT Platform from Laravel 12 to Laravel 13, covering PHP 8.3, dependency updates, breaking changes, and deployment.
Mar 10, 2026
Laravel E-Learning Part 8: Production Deployment
Complete guide to deploying our Laravel e-learning platform to production using Ubuntu VPS, NGINX, MySQL, and automated deployment with GitHub Actions.
Mar 10, 2026
Laravel E-Learning Part 7: Testing Strategy with Pest PHP
Implementing comprehensive testing for our e-learning platform using Pest PHP, covering unit tests, feature tests, and browser testing.
Mar 10, 2026
Laravel E-Learning Part 6: Real-Time Features with Livewire
Adding real-time functionality to our e-learning platform using Livewire for live exam monitoring, instant notifications, and dynamic updates.
Mar 10, 2026
Laravel E-Learning Part 5: Building the Exam System
Creating a complete exam system with Filament resources for managing exams, questions, and implementing the student exam-taking experience.
Mar 10, 2026
Laravel E-Learning Part 4: Authentication & User Roles
Implementing role-based authentication with Admin, Teacher, and Student roles using Spatie Permission and Filament's multi-panel setup.
Mar 10, 2026
Laravel E-Learning Part 3: Database Schema Design
Designing a robust database schema for an e-learning platform with users, subjects, exams, questions, and results using Laravel migrations.
Mar 10, 2026
Laravel E-Learning Part 2: Setting Up Laravel 12 with Filament Admin Panel
Step-by-step guide to setting up a fresh Laravel 12 project with Filament 3 for building a modern e-learning admin panel.
Mar 10, 2026
Rebuilding My Laravel E-Learning App: A Journey from 5.2 to Modern Laravel
The story of upgrading a legacy Laravel 5.2 e-learning platform to modern Laravel with Filament, Livewire, and best practices. Plus, a sneak peek at the upcoming tutorial series.
Jan 21, 2026
React Native Expo Event Management Part 7: Polish & Deploy
Finishing touches pada UI, error handling, build APK untuk testing, build AAB untuk Play Store, dan panduan publikasi aplikasi.
Jan 21, 2026
React Native Expo Event Management Part 6: QR Scanner Kehadiran
Implementasi QR scanner untuk check-in peserta event menggunakan expo-camera, parsing QR data, record attendance via API, dan feedback animasi.
Jan 21, 2026
React Native Expo Event Management Part 5: Manajemen Event
Menampilkan daftar event dengan pull-to-refresh, membuat komponen EventCard, halaman detail event, dan daftar peserta terdaftar.
Jan 21, 2026
React Native Expo Event Management Part 4: Autentikasi Admin
Implementasi sistem login admin dengan form validation, state management Zustand, token storage SecureStore, dan protected routes.
Jan 21, 2026
React Native Expo Event Management Part 3: Project Setup
Membuat project Expo baru dengan TypeScript, install dependencies, konfigurasi NativeWind, dan setup struktur folder untuk aplikasi event management.
Jan 21, 2026
React Native Expo Event Management Part 2: Instalasi di Mac, Windows, Ubuntu
Panduan lengkap instalasi environment development React Native Expo di Mac, Windows, dan Ubuntu. Setup Node.js, VS Code, Expo CLI, dan emulator.
Jan 21, 2026
React Native Expo Event Management Part 1: Pengenalan & Arsitektur
Mengenal arsitektur sistem aplikasi event management dengan React Native Expo untuk scan QR kehadiran peserta. Memahami tech stack dan flow diagram aplikasi.
Jan 3, 2026
Building an Event Management System for a Developer Community
How I built a comprehensive event management system with registration, waiting lists, QR code tickets, and automated emails for LampungDev - a developer community in Indonesia.
Jan 1, 2026
Why I Deploy Next.js on a VPS Without Docker (And You Should Consider It Too)
A practical guide on deploying Next.js applications to a VPS without Docker. Learn why sometimes the old-school approach is the better choice for small to medium projects.