Blog

Blog

All Blog About Coding📝

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

  • Next.js
  • DevOps
  • Laravel
  • Tutorial Series
  • Open Source
  • Community
  • React Native
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

#Laravel

#Tutorial Series

January 2, 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

#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

January 4, 2026

Laravel E-Learning Part 2: Setting Up Laravel 11 with Filament Admin Panel

Step-by-step guide to setting up a fresh Laravel 11 project with Filament 3 for building a modern e-learning admin panel.

Blog Thumbnail Image

#Laravel

#Tutorial Series

January 5, 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

January 6, 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

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

January 8, 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

#Laravel

#Tutorial Series

January 9, 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

January 11, 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

#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