Blog

Blog

All Blog About Coding📝

There are some blog about coding that i create to add more insight and also to share knowledge

  • Full Stack
  • Tutorial Series
  • Next.js
  • NestJS
  • Laravel
  • Database
  • Clean Code
  • Architecture
  • DevOps
  • Open Source
  • Community
  • React Native
Blog Thumbnail Image

#Full Stack

#Tutorial Series

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.

Blog Thumbnail Image

#Next.js

#Tutorial Series

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.

Blog Thumbnail Image

#NestJS

#Tutorial Series

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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

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.

Blog Thumbnail Image

#Database

#Tutorial Series

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.

Blog Thumbnail Image

#Clean Code

#Tutorial Series

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.

Blog Thumbnail Image

#Architecture

#Tutorial Series

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.

Blog Thumbnail Image

#DevOps

#Tutorial Series

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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Next.js

#DevOps

January 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.

Blog Thumbnail Image

#Open Source

#Community

January 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.

Blog Thumbnail Image

#Laravel

#Tutorial Series

March 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.

Blog Thumbnail Image

#Laravel

#DevOps

March 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.

Blog Thumbnail Image

#Laravel

#DevOps

March 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#Tutorial Series

January 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.

Blog Thumbnail Image

#React Native

#DevOps

January 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.

Back To Section