Forums - All Forums

AI dalam Cyber Security, Onno W. Purbo

Sat, 02 May 2026 14:01:24 +0000

Quote:Reza Nurfachmi, August 19, 2025

Quote:

Alhamdulillah, buku ini bisa diselesaikan. Buku AI dalam Cyber Security: Dari Teori
Hingga Praktik Pertahanan Digital disusun sebagai panduan singkat namun terarah bagi
pembaca untuk menjembatani konsep dasar kecerdasan buatan dengan praktik pertahanan
siber yang relevan di Indonesia.

Terima kasih banyak pada seluruh civitas academica di Institut Teknologi Tangerang
Selatan, serta Komunitas IT di Indonesia atas engagement, dukungan, dan umpan balik
selama ini yang memperkaya proses penulisan dan pengujian gagasan di dalam buku ini.

Buku ini dirancang untuk akademisi, praktisi, dan pengambil keputusan. Isinya merentang
dari fondasi AI dan keamanan siber, deteksi ancaman dan anomali (IDS/IPS, UEBA),
otomasi respons insiden (SOAR), keamanan aplikasi, hingga sisi gelap pemanfaatan AI
dalam serangan, etika–privasi–regulasi, serta tren masa depan dan strategi implementasi
yang pragmatis di organisasi. Harapannya, buku ini dapat menjadi rujukan praktis dalam
memperkuat kesiapan dan ketahanan siber nasional.

Akhir kata, mohon maaf jika ada banyak kekurangan dalam penyajian materi, contoh,
maupun kedalaman bahasan; segala saran dan kritik yang membangun sangat penulis
nantikan untuk perbaikan edisi berikutnya.

Tangerang Selatan, Agustus 2025
Onno W. Purbo

Download ebook-nya di sini.

Jika tautan di atas bermasalah, bisa download alternatifnya di bawah ini.

Quote:Onno W. Purbo, AI dalam Cyber Security, 2025

Favicon Getter

Sat, 02 May 2026 13:58:54 +0000

Quote:Reza Nurfachmi, June 27, 2025

Assalamu’alaykum warahmatullahi wabarakatuh.

Singkatnya, ini adalah beberapa cara kita mendapatkan favicon sebuah website tanpa perlu mengubek-ngubek source code untuk mendapatkan url-nya, lalu mengunduh dan mengunggahnya kembali ke hosting kita untuk ditampilkan. Paham, tak? Semoga iya.

Quote:

Cara pertama menggunakan Google API.

Code:
https://s2.googleusercontent.com/s2/favicons?domain={nama domain}&sz=32

Contoh penggunaan:

Code:
https://s2.googleusercontent.com/s2/favicons?domain=nurfachmi.com&sz=32

Untuk query sz (size) itu bisa diubah-ubah juga nilainya, bisa 32, 64, 128 sampai 256.

Jika dibungkus dengan tag img, maka langsung menjadi seperti ini:

---

Cara kedua juga menggunakan API dari sebuah web yang bernama clearbit.com.

Code:
https://logo.clearbit.com/{nama domain}

Contoh penggunaan:

Code:
https://logo.clearbit.com/nurfachmi.com

Jika dibungkus dengan tag img, maka akan menjadi seperti di atas. Hanya saja otomatis akan diarahkan menjadi ukuran 128×128 pixel.

---

API di atas bisa kita gunakan untuk mempercantik konten web kita. Misalnya kita hanya menyimpan url website, maka kita bisa menambahkan icon/favicon-nya agar terlihat lebih menarik lagi.

Begitulah kira-kira tentang Favicon Getter ini. Semoga bermanfaat.

Update Password di Laravel

Sat, 02 May 2026 13:55:47 +0000

Quote:Reza Nurfachmi, June 24, 2025

Assalamualaikum warahmatullahi wabarakatuh.

Kembali lagi di tutorial singkat nan padat berupa tips dan trik dalam potongan kode. Kali ini tentang update password di Laravel.

Bayangkan kamu memiliki halaman untuk mengubah password akun, kira-kira akan ada elemen-elemen berikut ini:

Password saat ini (name: current_password)
Password baru (name: password)
Konfirmasi password baru (name: password_confirmation)

Jika ini adalah aplikasi RESTful, maka kira-kira struktur JSON-nya seperti ini:

PHP Code:
{
     "current_password": "abcdefg",
     "password": "new password",
     "password_confirmation": "new password"
} 

Lalu buat sebuah invokable controller dengan perintah:

PHP Code:
php artisan make:controller UpdatePasswordController -i 

Kemudian buat sebuah form request dengan perintah:

PHP Code:
php artisan make:request UpdatePasswordRequest 

Kembali ke file controller tadi, ubah isinya menjadi seperti ini:

PHP Code:
use App\Http\Requests\UpdatePasswordRequest;
use Illuminate\Support\Facades\Hash;

...

public function __invoke(UpdatePasswordRequest $request)
{
    $request->user()->fill([
        'password' => Hash::make($request->password)
    ])->save();

    ....
} 

Adapun isi file form request-nya sebagai berikut:

PHP Code:
public function rules(): array
{
    return [
        'current_password' => 'required|current_password|different:password',
        'password' => 'required|string|min:6|confirmed',
    ];
} 

Daan jadilah sebuah halaman untuk mengubah password dengan ketentuan sebagai berikut:

Membutuhkan password aktif yang tepat saat ini.
Panjang password minimal 6 karakter.
Password baru dan konfirmasi passwordnya harus sama.
Password baru dan password lama harus berbeda.

Sebetulnya masih banyak yang bisa dilakukan seperti password harus berupa kombinasi huruf, angka dan simbol. Namun, itu kita bahas di lain waktu saja. Kali ini penulis ingin menekankan tentang kesederhanaan kode Laravel dalam skenario ubah password ini.

Terima kasih sudah membaca sampai sini. Semoga bermanfaat. Mohon koreksi jika ada kekeliruan dan bagikan artikel ini jika memberi pengetahuan.

Wassalamu’alaikum warahmatullahi wabarakatuh.

USB Multiboot

Sat, 02 May 2026 13:52:50 +0000

Quote:Reza Nurfachmi, June 6, 2025

Kita sering mendengar atau mengetahui bahwa ada PC/Laptop yang Dualboot atau Multiboot. Maksudnya adalah dalam satu PC bisa ada lebih dari satu sistem operasi, misalnya Windows dan Linux sekaligus. Hal tersebut sudah biasa, bagaimana kalau kita memiliki USB yang Multiboot juga?

Quote:

Tanpa Multiboot, jika kamu memiliki 2 file ISO, misalnya, Windows dan Linux Mint, maka kamu harus memiliki dua USB untuk disiapkan satu per satu untuk kedua sistem operasi tersebut. Repot, kan?

Dengan memiliki USB Multiboot, maka kamu bisa melakukan Live atau Instalasi banyak sistem operasi dengan menggunakan hanya satu USB.

Kenalkan, Ventoy! Ventoy adalah alat yang menghasilkan USB yang spesial dan Ventoy bersifat open source. Mengapa spesial? Karena USB kamu bisa jadi Multiboot! Yuhuuu!

Yowis tanpa panjang lebar, langsung aja ke tutorialnya.

--

Instalasi Ventoy

Colokin dulu USB stick yang ingin dijadikan Multiboot.

Sila ke halaman rilis Ventoy dan download sesuai sistem operasi kamu. Penulis memakai Linux, jadinya mengunduh yang ventoy-x.x.x-linux.tar.gz.

Selesai diunduh, langsung saja di-ekstrak filenya.

Klik kanan folder Ventoy-nya, lalu pilih Open in Terminal.

Lalu jalankan perintah ini:

Code:
sudo ./VentoyGUI.x86_64

Menggunakan Ventoy

Cara menggunakannya gampang banget.

Pastikan yang muncul adalah USB Drive kamu. Kalau baru nyolokin, kamu bisa klik dulu icon refresh yang warna hijau.

Pilih USB yang dimaksud.

Klik tombol Install dan tunggu.

Ketika sudah selesai, maka USB kamu kini namanya sudah jadi ventoy.

Tinggal salin aja file-file berekstensikan ISO ke drive USB kamu itu.

Terakhir boot deh pakai USB tadi.

Maka file-file ISO yang disalin tadi akan menjadi pilihan untuk booting.

--

Gimana? Mudah, kan?

Kustomisasi Halaman 404

Sat, 02 May 2026 13:50:24 +0000

Berangkat dari ribut-ribut di Twitter (kini X) mengenai halaman 404 yang tampilannya itu standar masih bawaan web server engine-nya itu sendiri. Kode 404 sendiri merujuk ke salah satu dari HTTP response status codes yang artinya Not Found atau halaman tidak ditemukan karena kesalahan pengguna dalam menuliskan alamat websitenya.

Quote:

Berikut tampilan halaman 404 default pada beberapa web server terkenal.

NGINX default 404

LiteSpeed default 404

Apache default 404

Nah, namanya juga tampilan standar, pastilah agak kurang cantik terlihatnya. Jadi, bagaimana kalau kita bikin sendiri atau kustom halaman 404 tersebut? Yuk bismillah.

---

Daftar Isi

Insyaallah kita akan membahas beberapa hal seputar kustomisasi halaman 404 ini, antara lain:

Shared Hosting
Laravel PHP (framework)
WordPress (CMS)
nginx
LiteSpeed
Apache

Sebelum kita mulai satu per satu pembahasannya, kami ingin menyampaikan sesuatu.

Blog nurfachmi.com hadir untuk berbagi ilmu dan pengalaman seputar teknologi, pemrograman, dan pengembangan karier di dunia IT. Semua konten yang ada di sini dibuat dengan penuh dedikasi agar bisa membantu lebih banyak orang memahami teknologi dengan cara yang lebih mudah dan praktis.

Jika Anda merasa blog ini bermanfaat, Anda bisa mendukung operasional kami dengan memberikan donasi. Setiap kontribusi yang Anda berikan akan digunakan untuk:

✅ Biaya server dan domain agar blog tetap online
✅ Pengembangan fitur baru, termasuk platform LMS dengan kelas gratis dan berbayar
✅ Pembuatan konten berkualitas yang lebih beragam

Dukungan Anda, sekecil apa pun, sangat berarti bagi keberlangsungan blog ini. Mari bersama-sama membangun komunitas belajar yang lebih baik!

Klik tombol donasi di bawah ini untuk berkontribusi.
Terima kasih! ?

Sekali lagi terima kasih atas dukungannya. Sekarang, mari kita belajar!

---

Shared Hosting

Pada umumnya jika kita menyewa shared hosting, biasanya sudah include dengan cPanel. Untuk memodifikasi halaman error 404, silahkan cari di menu pencarian dengan keyword Error Pages atau scroll sedikit tetikusnya sampai ketemu submenu Advanced dan klik ikon Error Pages.

Akan muncul kira-kira seperti ini pilihannya:

Nah kalau di cPanel, kita gak hanya bisa modifikasi halaman 404. Halaman error lainnya juga bisa dikustom kok.

Selanjutnya kita klik saja menu 404 (Not found) dahulu dan kita akan diarahkan ke sebuah editor seperti ini:

Yowis, silahkan taruh kode HTML sesuai keinginan kita sendiri di text editor tersebut. Pastikan klik tombol Save kalau sudah selesai ya.

Etapi untuk memperkaya informasi mengenai error-nya, kita bisa menambahkan beberapa tag spesial, antara lain:

Referring URL: alamat asal sebelum sampai ke halaman 404 tersebut.
Server Name: url server saat ini.
Visitor's IP Address: IP Address pengunjung.
Visitor's Browser: detail browser yang dipakai.
Requested URL: url yang ingin diakses tetapi tidak ditemukan.
Redirect Status Code: status kode redirect, biasanya sekitar 3xx.

Berikut contoh kodenya:

PHP Code:

DOCTYPE html>
<html lang="id">
<head><meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>404 Not Foundtitle>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
head>
<body class="d-flex align-items-center justify-content-center vh-100 bg-light">
    <div class="text-center">
        <h1 class="display-1 text-danger">404h1>
        <p class="lead">Halaman yang Anda cari tidak ditemukan.p>
        <p class="lead">Referring URL: 

        <p class="lead">Server Name: 

        <p class="lead">Visitor IP Address: 

        <p class="lead">Browser: 

        <p class="lead">Requested URL: 

        <p class="lead">Redirect Status Code: 

        <a href="/" class="btn btn-primary">Kembali ke Berandaa>
    div>
body>
html>

Hasilnya kira-kira seperti ini:

Nah begitu cara mengubah atau memodifikasi atau kustomisasi halaman 404 di shared hosting alias cPanel. Gampang, kan?

---

Laravel PHP (Framework)

Jika kita memakai sebuah web framework, apapun itu, biasanya halaman 404 dan lainnya sudah disediakan oleh si framework itu sendiri. Tugas kita hanya melakukan modifikasi terhadap file tersebut.

Nah, pada praktek kali ini kita akan belajar bagaimana melakukan kustomisasi terhadap file atau halaman 404.

Pertama, kita harus mem-publish file-filenya terlebih dahulu dengan perintah ini di Terminal atau CMD.

PHP Code:
php artisan vendor:publish --tag=laravel-errors 

Maka akan muncul beberapa file baru di dalam folder resources/views/errors seperti berikut:

401.blade.php
402.blade.php
403.blade.php
404.blade.php
419.blade.php
429.blade.php
500.blade.php
503.blade.php
layout.blade.php
minimal.blade.php

Bagi kamu yang belum familiar dengan framework Laravel, setiap file yang mewakili view atau yang tampil di browser akan selalu berarkhiran .blade.php agar ia support templating yang disediakan oleh Laravel.

Etapi itu kan gak cuma 404, ya? Kira-kira apa aja artinya?

Untuk yang format 4xx itu menandakan error karena ulah si user. Sedangkan format 5xx itu menandakan error dari server web milik kita.

Keterangan:

401 Berkenaan dengan authentication atau hanya yang memiliki akses bisa melihat halaman tersebut
402 Berkenaan dengan payment atau halaman ini bisa diakses jika telah melakukan pembayaran tertentu
403 Berkenaan dengan authorization atau halaman ini bisa diakses dengan level user tertentu
404 Nah ini yang dibahas, yakni halamannya tidak ditemukan karena kamu salah nulis alamat
419 Berkenaan dengan page expired atau biasa terjadi karena token CSRF-nya sudah tidak valid karena terlalu lama atau tidak disediakan sama sekali
429 Berkenaan dengan rate limiting atau kamu terlalu banyak mengakses halaman ini. Lagi war ticket, ya?
500 Pesan error umum ketika server tidak tau bagaimana meresponse request dari user
503 Pesan error dari server ketika sedang down dan ini saatnya kamu puk-puk dia sebagai web administrator

Nah silahkan deh edit masing-masing file dengan desain yang sesuai, dengan keinginan kamu maupun dengan skenarionya.

---

WordPress

To be or not to be

---

nginx

Mulai sekarang langkah-langkahnya akan lebih sederhana karena sudah agak menyentuh low level, yakni ke layer sistem operasi yang biasanya hanya terminal seperti Ubuntu Server dan lainnya.

Buat Halaman 404 Kustom

Langkah pertama, kita buat dulu halaman 404 yang kita inginkan. Supaya lebih enak, kita kumpulkan saja pada lokasi document root-nya, yakni di /var/www/html. Jadi kita buat dulu filenya dengan:

Code:
nano /var/www/html/404.html

Oh iya, silahkan ganti editor nano dengan editor favorit masing-masing ya. Kemudian silahkan isi dengan desain halaman 404 yang diinginkan. Misalnya seperti ini:

PHP Code:
DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Halaman Tidak Ditemukantitle>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; }
        h1 { font-size: 50px; }
        p { font-size: 20px; }
    style>
head>
<body>
    <h1>404h1>
    <p>Oops! Halaman yang Anda cari tidak ditemukan.p>
    <a href="/">Kembali ke Berandaa>
body>
html> 

Simpan filenya, lalu restart nginx-nya.

Code:
sudo systemctl restart nginx

Begitu deh, lebih sulit atau malah lebih mudah?

---

LiteSpeed

Sebenarnya saya memakai OpenLiteSpeed untuk demo ini. Karena OpenLiteSpeed adalah gratis dan open source, sedangkan LiteSpeed itu produk premium berbayar. Mohon maklum. Hehe.

Namun, beda nginx, beda pula dengan OpenLiteSpeed ini.

Kalau nginx belum ada file 404 sehingga harus bikin sendiri, sedangkan si OpenLiteSpeed ini sudah ada. Sehingga kita diberi pilihan ingin mengubah file 404 default atau bikin baru. Ya mending bikin baru supaya file lamanya tetap terarsip dengan baik.

Buat Halaman 404 Kustom

Baiklah, pertama kita buat file barunya di lokasi document root standar.

Code:
sudo nano /usr/local/lsws/Example/html/404.html

Kemudian silahkan isi dengan desain halaman 404 milik kamu sendiri atau pakai seperti di bawah ini.

PHP Code:
DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Halaman Tidak Ditemukantitle>
    <style>
        body { font-family: Arial, sans-serif; text-align: center; padding: 50px; }
        h1 { font-size: 50px; }
        p { font-size: 20px; }
    style>
head>
<body>
    <h1>404h1>
    <p>Oops! Halaman yang Anda cari tidak ditemukan.p>
    <a href="/">Kembali ke Berandaa>
body>
html> 

Edit Konfigurasi Virtual Host Secara Manual

Lalu kita ubah juga file konfigurasinya agar setiap aksi 404 selalu mengarah ke halaman yang telah kita buat tadi.

Code:
sudo nano /usr/local/lsws/conf/vhosts/Example/vhconf.conf

Tambahkan atau ubah bagian berikut:

Code:
errorPage 404 /404.html

Restart OpenLiteSpeed

Setelah mengedit file konfigurasi, restart OpenLiteSpeed agar perubahan diterapkan:

Code:
sudo systemctl restart lsws

Silahkan tes lagi dengan alamat asal deh.

---

Apache

to be or not to be

---

Penutup

Masih banyak kekurangan dan mungkin saja cara-cara di atas bukan yang terbaik, ter-efektif dan ter-efisien, tetapi semoga menjadi khazanah baru bagi manteman pembaca sekalian.

Akhir kata, mohon koreksi jika ada kekeliruan dalam artikel ini.

Event #001 Komunitas Back-End Tangerang

Sat, 02 May 2026 13:39:01 +0000

Quote:Reza Nurfachmi, January 21, 2025

Masih bingung bagaimana membangun basis data / database untuk projek / aplikasimu? Ragu ingin melakukan pisah table atau digabung aja? Bergabunglah dengan Event #001 Backend ID x Laravel ID untuk mendapatkan inspirasi dan wawasan praktis tentang bagaimana membangun sistem basis data skala production! Gratis!

Quote:

? Lokasi:
Nutrihub Serpong, Foresta Business Loft 2
Jl. BSD Raya Utama Unit 6, Pagedangan, Tangerang Regency, Banten 15339

? Tanggal:
Sabtu, 1 Februari 2025
⏰ Waktu:
13:00 – 18.00 WIB
Topik Pembicaraan

Normalisasi Database
Belajar bagaimana menjadi database designer dan memahami normalisasi database dengan praktis.
Praktek Database pada Laravel
Hands-on membangun database dalam Laravel dan menguasai Migration serta Eloquent.

Kenapa Anda Harus Datang?

Dapatkan wawasan langsung dari pembicara berpengalaman.
Bertemu dengan komunitas Backend dan Laravel Devs lokal yang mendukung.
Bangun jaringan dengan sesama developer|freelancer dan pelaku industri digital.

Pendaftaran

Acara ini GRATIS dan terbuka untuk umum, tetapi tempat terbatas! Pastikan Anda mendaftar melalui backend.web.id agar tidak ketinggalan.

Link: https://backend.web.id/events/membangun-...production

Getting Started with GraphQL

Sat, 02 May 2026 13:37:01 +0000

Quote:Reza Nurfachmi, January 12, 2025

GraphQL adalah sebuah bahasa query untuk API dan sebuah runtime untuk memenuhi query tersebut dengan data yang sudah ada. GraphQL menyediakan deskripsi yang lengkap dan mudah dipahami tentang data dalam API Anda, memberikan kemampuan kepada klien untuk meminta hanya apa yang mereka butuhkan dan tidak lebih, memudahkan pengembangan API seiring waktu, serta memungkinkan penggunaan alat pengembang yang canggih.

Quote:

Paragraf di atas hanyalah terjemahan bebas dari paragraf asli yang berbunyi sebagai berikut:

Quote:GraphQL is a query language for APIs and a runtime for fulfilling those queries with your existing data. GraphQL provides a complete and understandable description of the data in your API, gives clients the power to ask for exactly what they need and nothing more, makes it easier to evolve APIs over time, and enables powerful developer tools.

Kalau dalam bahasa yang lebih santai, mungkin seperti ini:

Quote:GraphQL itu semacam bahasa query buat API, plus runtime yang ngurusin gimana query-nya dipenuhi pake data yang udah ada. Intinya, GraphQL bikin kamu ngerti banget soal data yang ada di API kamu, dan klien bisa minta data yang mereka perlu aja—nggak lebih, nggak kurang. Ini juga ngebantu banget kalau kamu mau upgrade API pelan-pelan tanpa ribet, plus ada banyak tools keren buat developer yang bikin kerja jadi lebih gampang.

Sampai sini paham tentang GraphQL? Penulis harap sih belum ya, karena penulis belum menjelaskan apa-apa tentang GraphQL ini. Hehehe. Kalau sudah paham, mungkin kamu perlu baca artikel lain saja. Hehehe (lagi).

--

Untuk yang lebih sering berkutat dengan REST API, mungkin akan terasa bingung apa sih bedanya antara REST dan GraphQL?

Perbedaannya adalah GraphQL menggunakan query untuk meminta data, sedangkan REST tidak.

GraphQL menggunakan satu endpoint untuk meminta data (apapun), sedangkan REST tidak. REST butuh satu endpoint untuk mendapatkan data user, lalu butuh endpoint lain untuk mendapatkan data transaksi, dan sebagainya. GraphQL cukup satu endpoint, hanya saja querynya yang berbeda.

Mungkin kita cukupkan teorinya saat ini, untuk lebih lengkapnya bisa baca-baca di dokumentasi GraphQL-nya sendiri. Mari kita lanjut ke praktek.

---

Projek Baru

Untuk praktek kali ini, kita akan menggunakan JavaScript dengan NodeJS sebagai runtimenya.

Buat folder baru dengan nama graphql, lalu buat folder server dan client di dalamnya. Hasilnya kurang lebih seperti ini:

Code:
graphql (folder)

├── client (folder)

└── server (folder)

Lalu buat sebuah file server.js dan package.json di dalam folder server.

--

Isi dari package.json cukup seperti ini dulu:

Code:
{

  "name": "belajar-graphql",

  "private": true,

  "type": "module"

}

Apa artinya?

Artinya kita akan membuat sebuah projek baru dengan nama belajar-graphql. Lalu projeknya bersifat private, belum ada rencana untuk menempatkannya ke package manager seperti npmjs atau lainnya. Terakhir, kita akan memanfaatkan teknologi javascript terbaru, yakni JavaScript modules.

--

Lalu kita isi file server.js dengan kode sederhana berikut:

Code:
const typeDefs = `

  type Query {

    greeting: String

  }

`;

const resolvers = {

  Query: {

    greeting: () => 'Hello world!'

  },

}

Apa artinya?

Pada baris 1-5 kita mendeklarasikan sebuah variabel/konstanta dengan nama typeDefs yang isinya adalah sebuah SDL atau Schema Definition Language yang dapat dipanggil oleh klien/client.

Mengapa typeDefs? Karena ingin menyatakan bahwa di sini lah kita menuliskan seluruh type definitions dari query-nya.

type Query

Baris ini mendeklarasikan bahwa kita akan membuat daftar query yang dapat diakses oleh klien. Semua query yang ingin disediakan API didefinisikan di dalam type Query.

greeting: String

Baris ini menandakan bahwa kita memiliki sebuah field dengan nama greeting yang tipe datanya adalah String. Field ini harus memiliki resolver atau sebuah fungsi yang mengembalikan nilai saat field ini dipanggil dalam sebuah query.

Kemudian pada baris 7-11 disebut sebagai resolver yang dibungkus dalam variabel/konstanta dengan nama resolvers. Ini adalah sebuah objek JavaScript yang berisi implementasi fungsi untuk setiap field yang ada di dalam schema GraphQL.

Objek ini digunakan untuk “menghubungkan” field di schema (typeDefs) dengan logika yang menyediakan data untuk field tersebut.

Semua field di dalam Query harus memiliki resolver, kecuali jika data bisa diambil secara default (misalnya, dari field dalam objek yang sudah ada).

Adapun greeting: () => 'Hello world!' adalah resolver untuk field greeting yang didefinisikan di schema sebelumnya.

--

Contoh singkat jika ingin melakukan operasi asinkron pada resolver adalah sebagai berikut:

Code:
const resolvers = {

  Query: {

    greeting: async () => {

      try {

        // Memanggil API eksternal untuk mendapatkan pesan

        const response = await fetch("https://api.example.com/greeting");

        // Periksa jika respons gagal

        if (!response.ok) {

          throw new Error(`HTTP error! Status: ${response.status}`);

        }

        // Parse body respons ke JSON

        const data = await response.json();

        // Mengembalikan field `message` dari data

        return data.message;

      } catch (error) {

        console.error("Error fetching data from API:", error);

        throw new Error("Failed to fetch greeting from API.");

      }

    },

  },

};

Silahkan lanjut ke halaman selanjutnya jika sudah memahami seluruh penjelasan di atas, ya! Kalau ada pertanyaan, coba layangkan di kolom komentar. Pertanyaanmu, insyaallah, tidak akan pernah dengan sengaja tidak dijawab.

---

Thoyyib, sebelumnya kita sudah mendefinisikan query dan resolver-nya, lalu bagaimana cara menjalankan kode sebelumnya itu? Caranya ialah menggunakan server, sebagaimana projek kita saat ini sedang ditulis dalam folder, namanya, server.

Salah satu server yang populer untuk menjalankan GraphQL ialah Apollo. Mari kita install Apollo serta GraphQL-nya terlebih dahulu.

Silahkan buka terminal dengan lokasi di dalam folder server ini, dan jalankan perintah berikut:

Code:
npm install @apollo/server graphql

Maka, otomatis akan muncul file baru package-lock.json dan folder node_modules. Jika kita buka file package.json, seharusnya kodenya telah update menjadi seperti ini:

Code:
{

  "name": "belajar-graphql",

  "private": true,

  "type": "module",

  "dependencies": {

    "@apollo/server": "^4.11.3",

    "graphql": "^16.10.0"

  }

}

Jika instalasinya berhasil tanpa ada anu-anu, maka selanjutnya kita harus update file server.js-nya pula.

Kita butuh ApolloServer dan startStandaloneServer untuk menjalankan ini, maka kita tambahkan dua baris ini di awal file.

Code:
import { ApolloServer } from "@apollo/server";

import { startStandaloneServer } from "@apollo/server/standalone";

Lalu pada akhir file, tambahkan ini:

Code:
const server = new ApolloServer({ typeDefs, resolvers });

const { url } = await startStandaloneServer(server, { listen: { port: 9000 } });

console.log(`Server running at ${url}`);

Selengkapnya menjadi seperti ini:

Code:
import { ApolloServer } from "@apollo/server";

import { startStandaloneServer } from "@apollo/server/standalone";

const typeDefs = `

  type Query {

    greeting: String

  }

`;

const resolvers = {

  Query: {

    greeting: () => 'Hello world!'

  },

}

const server = new ApolloServer({ typeDefs, resolvers });

const { url } = await startStandaloneServer(server, { listen: { port: 9000 } });

console.log(`Server running at ${url}`);

Selanjutnya kita coba jalankan server ini dengan perintah:

Code:
node server.js

Quote:Server running at http://localhost:9000/

Demikian harusnya yang tercetak di terminal setelah menjalankan perintah sebelumnya. Jika tidak demikian, maka periksa kembali kode kamu ya.

Selanjutnya buka alamat tersebut di browser dan akan terbuka seperti ini:

Halaman di atas adalah halaman sandbox dari Apollo untuk kita dapat menuliskan query GraphQL, menjalankannya, serta melihat hasilnya.

Mari kita klik tombol dengan ikon play itu dan lihat apa yang terjadi.

---

Error dong? Iya, kan? Error?

Mengapa error?

Satu, kita tidak mendefinisikan type ExampleQuery, melainkan Query.

Dua, kita tidak memiliki field id, melainkan greeting.

So, mari ubah dua keyword tersebut dan jalankan lagi hasilnya.

Alhamdulillah muncul hasilnya.

Sekarang, mari kita coba kasus nyata sederhana.

---

Kita akan membuat kasus tentang Buku saja, sederhana.

Sesederhana kita membuat definisinya sebagai berikut:

Code:
type Buku {

  id: ID!

  judul: String!

  penulis: String!

  tahunTerbit: Int!

  genre: String

}

Nah lho, apa artinya tanda seru (!) di sana? Artinya kolom atau field tersebut harus disertakan saat klien memanggil atau server memberikan respons.

Terlihat di sana, selain field genre, seluruhnya wajib disertakan oleh client maupun server dalam request atau response-nya.

Selanjutnya kita buat Query-nya seperti ini:

Code:
type Query {

  semuaBuku: [Buku!]!

}

Maka jika diubah pada file server.js sebelumnya menjadi seperti ini:

Code:
const typeDefs = `

  type Buku {

    id: ID!

    judul: String!

    penulis: String!

    tahunTerbit: Int!

    genre: String

  }

  type Query {

    semuaBuku: [Buku!]!

  }

`;

Lalu kita ubah juga sisi resolver-nya menjadi begini:

Code:
let bukuDatabase = [

  { id: "1", judul: "Buku Satu", penulis: "Penulis A", tahunTerbit: 2024, genre: "Fiksi" },

  { id: "2", judul: "Buku Dua", penulis: "Penulis B", tahunTerbit: 2025, genre: "Non-Fiksi" },

];

const resolvers = {

  Query: {

    semuaBuku: () => bukuDatabase,

  },

};

Jika digabungkan, maka keseluruhan file server.js kali ini adalah sebagai berikut:

Code:
import { ApolloServer } from "@apollo/server";

import { startStandaloneServer } from "@apollo/server/standalone";

const typeDefs = `

  type Buku {

    id: ID!

    judul: String!

    penulis: String!

    tahunTerbit: Int!

    genre: String

  }

  type Query {

    semuaBuku: [Buku!]!

  }

`;

let bukuDatabase = [

  { id: "1", judul: "Buku Satu", penulis: "Penulis A", tahunTerbit: 2024, genre: "Fiksi" },

  { id: "2", judul: "Buku Dua", penulis: "Penulis B", tahunTerbit: 2025, genre: "Non-Fiksi" },

];

const resolvers = {

  Query: {

    semuaBuku: () => bukuDatabase,

  },

};

const server = new ApolloServer({ typeDefs, resolvers });

const { url } = await startStandaloneServer(server, { listen: { port: 9000 } });

console.log(`Server running at ${url}`);

Sekarang restart perintah node server.js di terminalnya dan refresh lagi halaman Apollo Servernya, lalu jalankan query berikut:

Code:
query  {

  semuaBuku {

    id

    judul

    penulis

    tahunTerbit

    genre

  }

}

Nah demikianlah Getting Started with GraphQL ini. Kalau diperhatikan, ini baru konsep “R” dalam “CRUD”. Juga kita baru sampai di folder server, belum ke folder client.

Apakah artikel ini harus dilanjutkan lagi? Jawab di kolom komentar ya!

Private: ElysiaJS Basic

Sat, 02 May 2026 13:27:33 +0000

Quote:Reza Nurfachmi, January 11, 2025

Basic ElysiaJS

https://www.youtube.com/watch?v=DHEflULuLJo

Router

https://www.youtube.com/watch?v=bmfUTd9_gwc

JSON Response

https://www.youtube.com/watch?v=JRcgw84m8RQ

HTML Response

https://www.youtube.com/watch?v=EkOD9shz9xU

Handling Request Body and Schema Guard

https://www.youtube.com/watch?v=c__STXlRLFs

Handling Headers

https://www.youtube.com/watch?v=IvOOtqgZuq0

Handling Query

https://www.youtube.com/watch?v=7oE6XIclA74

Handling Dynamic Route

https://www.youtube.com/watch?v=nbtPkSiH8AA

Global Hooks

https://www.youtube.com/watch?v=EAs9tcHRwqs

Local Hooks

https://www.youtube.com/watch?v=Ik-yExgNxec

Private: Bexlite Course Introduction

Sat, 02 May 2026 13:23:37 +0000

Quote:Reza Nurfachmi, January 10, 2025

Bun.js

Bun.js all-in-one toolkit, untuk menjalankan aplikasi javascript dan typescript, mulai dari single script hingga fullstack application. Bagi kamu yang pernah menggunakan nodejs, pada dasarnya bun memiliki fungsi yang sama. Yaitu untuk menjalankan javascript di luar browser.

Mungkin sampai hari ini kita belum melihat company atau startup yang mengadopsi Bun untuk production di aplikasi yang memiliki scale yang besar. Hanya saja, melihat Bunjs dan komunitasnya. Sangat tidak menutup kemungkinan Bunjs akan di adopsi di masa mendatang.

Bexlite sendiri menggunakan Bunjs karena performanya yang baik, dan yang paling penting, bunjs bisa menjalankan typescript secara native. Tanpa bantuan library apapun.

Bun sendiri sebagai package manager memiliki performa yang sangat cepat. Dalam Benchmarknya menginstall react dengan vite, bun bisa 18x lebih cepat dari yarn dan pnpm dan 30x lebih cepat daripada npm.

Kamu bisa menggunakan bun.js dengan windows, linux, wsl ataupun mac.

Kamu bisa lihat cara menginstall bun.js di sini.

ElysiaJS

ElysiaJS, sebuah framework yang di jalankan di atas bunjs runtime. Menggunakan banyak API dari bun, memanfaatkan kecepatan bun hingga bisa menghandle request hingga lebih dari 2jt request per second.

Bexlite menggunakan ElysiaJS karena kemudahan dan kecepatannya, tidak hanya dibandingkan dengan Express, atau javascript framework yang lain. Tetapi juga dengan framework dan bahasa yang lain.

Terlebih bagi pengguna typescript, Elysia memiliki type-safety secara default. Dan ini akan memudahkan kamu untuk membangun aplikasi yang safe jika di-implementasikan dengan benar.

Elysia juga memiliki beberapa fitur menarik yang bisa kita gunakan untuk membangun project dengan bexlite. Seperti CRON, Auto handling format including JSON dan FormData. Ditambah lagi dengan official plugin seperti HTML, JSX, JWT, dll, akan sangat memudahkan dalam menggunakan Bexlite.

Kamu bisa baca lebih lanjut tentang elysia di sini.

HTMX

So, pasti temen-temen sudah ga asing lagi dengan yang namanya HTMX, yang tiap hari MEMEnya melintas di timeline kita.

Tapi, apa sih sebenernya HTMX ?
Is it good ? bad ? Lalu apa bedanya HTMX dengan framework umum seperti React, Vue atau yang lain ?

Okey, mari kita kenalan dengan HTMX.

HTMX, adalah sebuah javascript frontend library yang memberikan alternative yang make sense bagi developer untuk develop web app dengan metode yang berbeda dari kebanyakan framework pada umumnya.

Javascript SPA Framework, berkomunikasi dengan REST API. Yang mana client akan melakukan request kepada server, dan server merespon dengan JSON. yang kemudian client harus menjalankan logic untuk menerjemahkan JSON kedalam bentuk UI.

HTMX, menempuh jalur yang berbeda dari kebanyakan frontend framework. HTMX menggunakan hypermedia sebagai format komunikasinya dibandingkan REST API yang berbentuk Text.

Maksudnya adalah ketika klien melakukan request kepada server, server tidak lagi memberikan response dalam bentuk JSON, tetapi dalam bentuk HTML.

Hypermedia sebagai response komunikasi server kepada client, bukanlah hal baru. Ini sebagaimana kita mengakses sebuah URL, kemudian server merespon dengan HTML yang sudah di render. Yang menjadi problem dari Hypermedia sebelumnya adalah response harus diberikan dalam bentuk keseluruhan laman.

Karena memang keterbatasan dari html yang hanya bisa melakukan request hanya dengan anchor tag dan form yang kemudian harus di reload secara keseluruhan setelah mendapatkan respons.

Dengan HTMX, melakukan http request dengan HTML tidak lagi terbatas pada anchor dan juga form. Dan juga tidak harus pada level full page, tapi pada level parsialnya.

Salah satu motivasi munculnya HTMX adalah untuk mempersimple pembuatan web application. Yaitu dengan melakukan centralisasi logic pada server. Yang mana ini sangat make sense, karena server adalah tempat dimana permanent state berada.

Ini juga yang dilakukan oleh banyak SPA framework akhir-akhir ini seperti react, nextjs yang mencoba untuk menempuh approach yang sama dengan mengenalkan React Server Component dan Server Action.

But, pertanyaannya adalah aplikasi yang bagaimana yang mungkin cocok untuk kita gunakan HTMX di dalamnya.

Sebagai jawaban dari pertanyaan ini, Saya akan berikan 2 kriteria.

Dimana developer mau meletakkan state aplikasinya ?
Dan bagaimana developer memposisikan dirinya

Mari kita bahas kriteria ini.

Yang pertama, adalah dimana state diletakkan ?

Spektrum web app ini cukup luas, tetapi kalo tarik secara horizontal. Hanya ada 2 jenis, yang fokus pada interaktivity dan fokus kepada server logic.

Kita bisa melihat aplikasi game di web yang tentu statenya akan cepat dan seringkali berubah, dan tentu saja state aplikasi lebih baik diletakkan pada client untuk efisiensi komunikasi, yang kemudian dengan interval waktu tertentu transient state ini di kirimkan ke server.

Ini sedikit berbeda dengan High Risk Application seperti Bank atau Finance App, yang state dan logicnya diletakkan di dalam server. Kenapa ? Yes, karena high risk application can’t trust the user.

Maka sekarang kita bisa tahu, jika aplikasi kita sangat memerlukan interaktivity yang terus-terusan berubah, mungkin SPA framework seperti React lebih cocok. Adapun jika aplikasinya tidak memerlukan state yang terlalu sering berubah. HTMX akan jauh lebih simple untuk digunakan.

Yang kedua, adalah bagimana developer memposisikan dirinya.

Jika kamu seorang developer entah frontend ataupun backend yang fokus dengan server-side logic, maka HTMX bisa jadi pilihan yang paling baik. Karena HTMX tidak membatasi developer pada bahasa pemrogramannya. Apapun bahasa yang kamu gunakan selama frontend menggunakan HTML, CSS dan Javascript, kamu bisa menggunakan HTMX.

Namun jika kamu seorang developer yang fokus pada client-side logic, dan fokus pada bahasa javascript, mungkin react atau nextjs menjadi pilihan yang lebih baik.

---

Penggunaan HTMX di dalam Bexlite selaras dengan tujuan awal dibuatnya Tech Stack ini yaitu Simplicity. Dengan menggunakan HTMX library, kita bisa menggunakan HTML, bahasa yang diketahui oleh semua developer untuk membuat aplikasi dengan SPA Experience tanpa harus menggunakan bloated-features framework, tanpa harus belajar lagi framework-framework baru.

Kita cukup tambahkan HTMX attribute di dalam HTML and done.

JSX

Seperti yang kita tahu, JSX adalah format umum yang digunakan di dalam frontend-framework. JSX secara khusus bukan templating Engine. Tetapi JSX kita gunakan di dalam Bexlite untuk memanfaatkan apa yang sudah kita pahami.

JSX kita gunakan di dalam Bexlite sebagai templating model. Dan memudahkan kita dalam membuat UI components. Dengan menggunakan JSX, kita bisa dengan mudah mimic React dalam membuat reusable components.

SQLite

Sqlite, the underdog database.

Sedikit hiperbola, but yes. Sqlite sepertinya yang banyak diragukan di dalam tech stack ini. Sqlite seperti menjadi database yang tidak layak untuk production. Jika kita bicara tentang model big-scale apps dengan arsitektur yang rumit, maka iya. Mungkin sqlite tidak cocok digunakan. But untuk aplikasi small-mid sqlite lebih dari cukup untuk digunakan.

Sqlite memiliki performa yang sangat cepat, embedded, dan dengan memanfaatkan teknologi embedded kamu tidak lagi perlu untuk mengalami “network io” dalam melakukan query kepada database. Silahkan baca post saya dibawah.

https://x.com/indrazulfi/status/1790286534895415804

Jika kamu merasa cocok dengan Bexlite secara umum, namun tidak cocok dengan menggunakan Sqlite, kamu bisa dengan mudah menggantikan SQLite dengan Database yang lain semisal PostgreSQL, atau Mongo. Saya tidak menyarankan kamu menggunakan ORM yang menggunakan query engine agar tidak memperparah latency seperti Prisma ORM untuk production.

Jika kamu mau menggunakan ORM, kamu bisa menggunakan Drizzle ORM atau Query builder seperti Kisely. Dengan begitu ini akan mengurangi latency query disebabkan engine ORM seperti yang dimiliki Prisma.

TursoDB

Turso DB adalah Provider Sqlite untuk production. Turso memberikan kemudahan untuk melakukan Scale dari aplikasi yang menggunakan Sqlite.

Turso juga memiliki free-tier yang super generous dibandingkan dengan provider yang lain. Turso memberikan free-tier user untuk bisa membuat hinggal 500 Database, 9GB Storage, 3 Replication untuk edge location.

Kamu akan dengan mudah melakukan scale bexlite dengan extending Sqlite yang digunakan dengan TursoDB.

Quote:

Stop Piracy

Sat, 02 May 2026 13:15:48 +0000

Quote:Reza Nurfachmi, January 8, 2025

Quote:

Saya, Reza Nurfachmi, tidak mendukung aksi pembajakan atau perjual-belian kode sumber perangkat lunak (open source software) apapun dan tidak pula menjadi salah satu pelakunya.

Getting Started with Jenkins

Sat, 02 May 2026 13:12:34 +0000

Quote:Reza Nurfachmi, January 5, 2025

Jenkins, sebelumnya bernama Hudson, adalah salah satu Open Source Automation Server yang populer sampai saat ini. Jenkins sangat memiliki banyak plugins yang membantu proses building, deploying, serta automating banyak jenis projek.

Quote:

Jenkins dibangun menggunakan Java, pastikan kamu sudah menginstall SDK Java yang versi LTS. Untuk menginstall-nya, silahkan googling sendiri ya.
Prerequisites

Konfigurasi hardware yang direkomendasikan adalah:

4 GB+ of RAM
50 GB+ of drive space

Adapun software yang harus ada untuk menjalankan Jenkins, antara lain:

Java: versi 11, 17, atau 21
Browser: Google Chrome, Mozilla Firefox, Microsoft Edge, atau Apple Safari
Git

Berikut adalah spesifikasi komputer yang penulis pakai:

Code:
git --version

git version 2.34.1

java --version

openjdk 21.0.5 2024-10-15

OpenJDK Runtime Environment (build 21.0.5+11-Ubuntu-1ubuntu122.04)

OpenJDK 64-Bit Server VM (build 21.0.5+11-Ubuntu-1ubuntu122.04, mixed mode, sharing)

Adapun Jenkins-nya penulis pakai versi 2.479.2 yang bisa diunduh di sini. Kalau versi lainnya, bisa diunduh di sini. Jika versi Java-mu berbeda, maka silahkan lihat halaman ini ya untuk menyesuaikan versi Jenkins-nya.

Setelah mengunduh file jenkins.war, silahkan jalankan perintah ini di path terletaknya file tersebut.

Code:
java -jar jenkins.war --httpPort=9090 &

Port-nya penulis ubah menjadi 9090 supaya beda aja. Defaultnya ia menggunakan port 8080.

Pastikan nanti muncul teks seperti ini:

Code:
Jenkins initial setup is required. An admin user has been created and a password generated.

Please use the following password to proceed to installation:

e0b2e5478******4ecd6a18a050

This may also be found at: /home/reza/.jenkins/secrets/initialAdminPassword

Kalau sudah muncul, maka buka browser dan arahkan ke alamat localhost:9090 atau sesuaikan saja jika kamu menginstall di cloud atau virtual machine.

Isi dengan password yang diberikan, lalu klik tombol Continue.

---

Pada Costumize Jenkins, pilih Select plugins to install karena kita gak begitu butuh banyak plugin juga sih.

Pilih none lalu klik tombol Install.

Selanjutnya adalah buat kredensial Administrator untuk Jenkins kamu. Jangan lupa klik tombol Save and Continue.

Terakhir pastikan instalasi Jenkins-nya. Lalu klik tombol Save and Finish.

Terakhir, klik tombol Start using Jenkins.

---

Daaan inilah tampilan Dashboard awalnya.

Nah, apa saja yang ada di dashboard ini?

Perhatikan sidebar paling bawah (Build Executor Status), di sana terdapat 2 worker yang nantinya akan menjalankan seluruh job yang kita tentukan untuk si Jenkins ini.

Quote:Karena satu dan lain hal, khususnya karena banyak issue teknis, pada praktik selanjutnya, tangkapan layar akan menggunakan Jenkins versi 2.479.2

Nah, barulah kita akan membuat Job baru setelah ini.

---

Membuat Job pada Jenkins

Klik pada menu Create a job atau New Item pada dashboard, selanjutnya kita harus mengisi nama jobnya.

Setelah itu akan muncul halaman dengan banyak opsi yang bisa kita utak-atik. Kurang lebih tampilannya seperti ini:

Silahkan isi deskripsinya lalu klik tombol Save.

Nah, selesai tahap instalasi awal Job di Jenkins, selanjutnya kita akan mengintegrasikan projek kita yang ada di GitHub ke Jenkins ini.

---

Kalau kita kembali ke Dashboard lagi, maka halamannya sudah ada perubahan. Kini sudah ada Job yang telah kita buat tadi.

Pada tabel tersebut, tertulis N/A pada kolom Last Success, Last Failure dan Last Duration. Hal tersebut menandakan bahwa job kita belum pernah dijalankan sama sekali. Maka untuk menjalankannya, tinggal klik saja tombol ikon play warna hijau itu dan tunggu beberapa saat.

Silahkan kamu klik Jobnya tersebut dan perhatikan ada perubahan apa saja yang terjadi ya. Harus mandiri. Hahaha.

Baik, kembali lagi ke urusan GitHub.

Pada awalnya, Jenkins tidak tau bagaimana caranya mengambil dan mengelola projek kita yang ada di GitHub. Maka dari itu kita harus menginstall plugin Git terlebih dahulu.

Kembali ke Dashboard, kemudian klik menu Manage Jenkins.

Lalu klik menu Plugins.

Klik menu Available plugins lalu ketikkan git sebagai keyword pencariannya.

Centang pada plugin Git, lalu pilih tombol Install after restart.

Lalu halaman akan berpindah dan scroll ke paling bawah, centang opsi Restart Jenkins when installation is complete and no jobs are running dan tunggu hingga selesai instalasinya.

Pastikan kamu sudah setting SSH-nya ya. Kalau belum, bisa lihat video berikut.

Quote:https://www.youtube.com/watch?v=Fl91ObvW8tY

Oke, sampai sini penulis anggap kamu sudah selesai tahap SSH-nya. Karena selanjutnya ialah menghubungkan Jenkins dengan SSH.

Kembali lagi ke Dashboard, lalu klik Manage Jenkins. Cari menu Credentials. Kemudian klik menu (global).

Lalu klik tombol Add Credentials.

Berikut adalah pengaturan yang saya isi.

Kind: SSH Username with private key.

Scope: Global

ID: github-aaezha

Description: Credential GitHub AaEzha

Username: AaEzha

Private Key: Enter directly

Jika berhasil, maka muncul seperti ini:

Sampai di sini, kita seharusnya berhasil menyambungkan Jenkins dengan GitHub. Mari kita buktikan!

---

Kembali lagi ke Dashboard, pilih Job yang telah dibuat, pada kasus saya namanya Belajar Jenkins, lalu pilih menu Configure.

Pada opsi Source Code Management, pilih Git dan isi Repository URL projek kalian dan pastikan Credentials-nya adalah yang barusan dipilih serta tulis branch utama di opsi Branches to build.
Agar meyakinkan, coba dengan repositori privat yang kamu punya.

Misalnya seperti ini:

Lalu pada opsi Build Steps, klik dropdown Add build step, pilih Execute shell dan silahkan isi dengan perintah-perintah yang ingin dijalankan saat telah berhasil meng-clone repositori tersebut.

Karena repositori contoh saya adalah projek Laravel, maka saya ingin coba menambahkan satu perintah dahulu, yakni composer install dan ingin lihat hasilnya.

Lalu klik dulu tombol Save untuk memastikan bahwa kita telah berhasil dan tak ada error sampai sini.

Terakhir klik menu Build Now untuk testing konfigurasi di atas. Tunggu sebentar akan ada progress di pojok kiri bawah.

Silahkan klik pada angka #4 atau berapapun yang ada di layar kamu lalu klik menu Console Output untuk melihat proses yang terjadi.

Nampak pada punya saya lancar jaya, terlihat di sana ada tulisan composer install dan selanjutnya berjalan sebagaimana seharusnya.

Kalau kita klik kembali nama jobnya, lalu pilih menu Workspace, maka akan muncul direktori projek kita.

Nah, sampai sini kita sudah berhasil melakukan cloning dan menjalankan build steps. Silahkan tambahkan sendiri script atau command lainnya sesuai kebutuhan ya.

Etapipaaak, itu buildnya masih manual. Bagaimana caranya agar otomatis saat ada perubahan kode di repository, maka si build step ini berjalan sendiri tanpa bantuan kita?

---

Mungkin ini tahap terakhir, yaitu membuat build step-nya berjalan otomatis saat ada perubahan pada branch yang kita set pada konfigurasi sebelumnya. Let’s go!

Kembali lagi ke halaman Job, kemudian pilih menu Configure.

Pada opsi Build Triggers, pilih opsi Poll SCM yang artinya si Jenkins akan melakukan build jika ada perubahan kode pada branch terpilih dalam rentang waktu yang ditentukan. Adapun rentang waktu yang paling minimal ialah setiap satu menit.

Code:
* * * * *

Kamu bisa isi dengan konfigurasi lainnya seperti mengatur cron. Lebih lengkapnya bisa baca di sini.

Jangan lupa klik tombol Save jika sudah selesai

Untuk membuktikannya, coba lakukan perubahan kode dan push ke repositori dan tunggu apakah Jenkins akan otomatis melakukan build? Jika iya, selamat kamu berhasil menamatkan Jenkins Level 1. Alhamdulillah.

Jangan sungkan untuk bertanya via komen ya kalau ada pertanyaan atau koreksi. Syukron udah mau baca sampai sini.

Getting Started with Cloudflare R2

Sat, 02 May 2026 13:01:10 +0000

Quote:Reza Nurfachmi, January 4, 2025

Cloudflare R2 Storage adalah layanan penyimpanan objek (object storage) yang dirancang sebagai alternatif dari solusi penyimpanan cloud tradisional seperti Amazon S3. R2 menawarkan cara untuk menyimpan data tidak terstruktur dalam jumlah besar, seperti file, gambar, video, atau dokumen, dengan fokus pada efisiensi biaya dan kinerja.

Quote:

Keunggulan Utama Cloudflare R2

Tanpa Biaya Egress

Salah satu fitur paling menarik dari R2 adalah penghapusan biaya egress (bandwidth keluar), yang biasanya menjadi komponen mahal dalam layanan penyimpanan cloud lainnya.

Kompatibilitas dengan S3 API

R2 kompatibel dengan API Amazon S3, sehingga memudahkan pengembang untuk memigrasikan aplikasi atau integrasi yang sudah ada ke R2 tanpa banyak perubahan kode.

Skalabilitas Tinggi

R2 dirancang untuk menyimpan data dalam jumlah besar dengan ketersediaan dan skalabilitas tinggi.

Kinerja Optimal di Edge

Dengan jaringan edge Cloudflare yang luas, R2 memungkinkan pengiriman data yang cepat ke seluruh dunia, sehingga cocok untuk aplikasi yang memerlukan distribusi konten global.

Harga Kompetitif

Biaya penyimpanan dan operasional R2 sangat kompetitif dibandingkan dengan layanan serupa, menjadikannya solusi ekonomis untuk berbagai kasus penggunaan.

Bagaimana Cloudflare R2 Bekerja?

R2 menyimpan data dalam bentuk objek, mirip dengan layanan object storage lainnya. Setiap objek diidentifikasi dengan kunci unik, dan metadata dapat ditambahkan untuk mempermudah pengelolaan data. Dengan integrasi yang mendalam ke dalam jaringan Cloudflare, data yang disimpan di R2 dapat diakses dengan cepat melalui jaringan edge Cloudflare.

Jika kamu tertarik untuk mencoba Cloudflare R2, penulis akan menjelaskan langkah-langkah untuk mengintegrasikan R2 ke aplikasimu. ?

---

Berikut adalah langkah-langkah untuk mengintegrasikan Cloudflare R2 Storage ke aplikasi kamu, khususnya jika sudah familiar dengan Amazon S3 atau ingin memanfaatkan kompatibilitas S3 API:

Langkah 1: Siapkan Bucket di Cloudflare R2

Pertama, login ke akun Cloudflare kamu di Cloudflare Dashboard. Kalau belum punya akun, maka register dahulu.

Kedua, akses menu R2 Object Storage dari sidebar. Jika ini adalah pertama kali, seharusnya muncul halaman register R2 seperti ini:

Jika seperti di atas, maka isi dulu formulir yang dibutuhkan. Tenang saja, kamu hanya akan ditagih jika melebihi batas pemakaian gratisannya kok.

Lalu bagaimana soal tarif Cloudflare R2 ini? Apa maksudnya Storage, Class A operations dan Class B operations?

Pada versi gratis, storage yang diberikan ialah sampai 10 GB per bulan. Jika lebih, maka akan kena biaya sebesar $0.015 per GB dari kuota berlebihnya. Jika ukuran storage kamu 15 GB, maka akan kena biaya sekitar $0.015 x 5 GB, yakni $0.075 atau setara dengan IDR 1.125 jika kurs di angka IDR 15.000.

Class A Operations, pada dasarnya adalah operasi yang cenderung mengubah status data, seperti menulis/upload atau memodifikasi objek, seperti PutObject (mengupload objek), CopyObject (menyalin objek), dan CompleteMultipartUpload (menyelesaikan upload multipart).

Adapun Class B Operations adalah operasi yang biasanya membaca status data yang ada tanpa mengubahnya. Contohnya ialah GetObject (mengambil objek) dan HeadObject (memeriksa metadata objek).

Baik, kembali lagi ke proses registrasi. Jika sudah berhasil memasukkan kredensial kartu kredit atau debit, maka akan muncul halaman seperti ini:

Selanjutnya adalah membuat Bucket. Apa itu Bucket? Bucket adalah keranjang yang isinya adalah objek-objek yang akan kita upload nanti.

Silahkan isi nama bucket-mu.

Jika berhasil, maka halamannya akan beralih seperti ini:

Cobalah upload satu file dulu. Jika berhasil, maka tampilannya sebagai berikut:

Saat ini, R2 kita hanya berlaku seperti flashdisk saja. Hanya bisa menyimpan data, tetapi belum bisa mengakses datanya secara online. Perhatikan pada bagian Public URL Access, di sana tertera Not allowed. Agar objek-objek yang kita upload bisa diakses, maka bagian tersebut harus berubah menjadi Allowed terlebih dahulu.

Caranya adalah klik menu Settings, lalu cari bagian Public Access sebagai berikut, kemudian klik tombol Allow Access.

Lalu ikuti arahannya sampai berubah menjadi seperti ini:

Jika berhasil, maka saat masuk ke dalam objeknya, maka akan muncul URL publiknya sebagai berikut:

Sampai sini, maka saatnya lanjut ke langkah berikutnya.

---

Langkah 2: Instalasi SDK atau Library

Gunakan library yang mendukung Amazon S3 untuk mengintegrasikan aplikasi kita dengan R2. Contoh library populer:

PHP: AWS SDK for PHP
Node.js: AWS SDK for JavaScript
Python: Boto3
Go: Minio Go SDK

Etapipaak, sebelum itu kita harus punya token API untuk dapat melakukan operasi menggunakan library di atas. Bagaimana caranya? Begini.

Arahkan kembali ke halaman Overview R2 Object Storage, kemudian arahkan seperti gambar di bawah. Pilih Manage API tokens.

Jika masih kosong, maka tampilannya sebagai berikut:

Maka klik tombol Create API token untuk membuat satu. Berikut pengaturan penulis saat membuat token.

Token name: token-r2-read-write

Permissions: Object Read & Write: Allows the ability to read, write, and list objects in specific buckets.

Specify bucket(s): Apply to all buckets in this account (including newly created buckets)

TTL: Forever

Jika telah berhasil, maka silahkan simpan kredensial yang diberikan, antara lain:

Token value
Access Key ID
Secret Access Key
Default endpoint
EU endpoint

Maka halamannya akan berubah menjadi seperti ini:

Nah, selanjutnya kita akan mulai sedikit ngoding. Pada kali ini, saya contohkan pakai Laravel PHP ya.

---

Langkah 3: Contoh Kode Implementasi

Silahkan install Laravel fresh atau gunakan projek kamu yang ingin mengemplementasikan R2 ini.

Selanjutnya install package S3

PHP Code:
composer require league/flysystem-aws-s3-v3 "^3.0" --with-all-dependencies 

Code:
./composer.json has been updated

Running composer update league/flysystem-aws-s3-v3 --with-all-dependencies

Loading composer repositories with package information

Updating dependencies

Lock file operations: 4 installs, 3 updates, 0 removals

  - Locking aws/aws-crt-php (v1.2.7)

  - Locking aws/aws-sdk-php (3.336.7)

  - Upgrading guzzlehttp/promises (2.0.3 => 2.0.4)

  - Upgrading league/flysystem (3.29.0 => 3.29.1)

  - Locking league/flysystem-aws-s3-v3 (3.29.0)

  - Locking mtdowling/jmespath.php (2.8.0)

  - Upgrading symfony/deprecation-contracts (v3.5.0 => v3.5.1)

Writing lock file

Installing dependencies from lock file (including require-dev)

Package operations: 4 installs, 3 updates, 0 removals

  - Downloading aws/aws-crt-php (v1.2.7)

  - Downloading mtdowling/jmespath.php (2.8.0)

  - Downloading aws/aws-sdk-php (3.336.7)

  - Downloading league/flysystem-aws-s3-v3 (3.29.0)

  - Installing aws/aws-crt-php (v1.2.7): Extracting archive

  - Upgrading symfony/deprecation-contracts (v3.5.0 => v3.5.1): Extracting archive

  - Upgrading guzzlehttp/promises (2.0.3 => 2.0.4): Extracting archive

  - Upgrading league/flysystem (3.29.0 => 3.29.1): Extracting archive

  - Installing mtdowling/jmespath.php (2.8.0): Extracting archive

  - Installing aws/aws-sdk-php (3.336.7): Extracting archive

  - Installing league/flysystem-aws-s3-v3 (3.29.0): Extracting archive

3 package suggestions were added by new dependencies, use `composer suggest` to see details.

Generating optimized autoload files

> Illuminate\Foundation\ComposerScripts::postAutoloadDump

> @php artisan package:discover --ansi

   INFO  Discovering packages.  

  laravel/sail .............................................................................. DONE

  laravel/tinker ............................................................................ DONE

  nesbot/carbon ............................................................................. DONE

  nunomaduro/collision ...................................................................... DONE

  nunomaduro/termwind ....................................................................... DONE

78 packages you are using are looking for funding.

Use the `composer fund` command to find out more!

> @php artisan vendor:publish --tag=laravel-assets --ansi --force

   INFO  No publishable resources for tag [laravel-assets].  

Found 4 security vulnerability advisories affecting 4 packages.

Run "composer audit" for a full list of advisories.

Oke, selanjutnya adalah tambahkan baris berikut ke file .env kita.

Code:
R2_ACCESS_KEY_ID=YOUR_ACCESS_KEY

R2_SECRET_ACCESS_KEY=YOUR_SECRET_KEY

R2_BUCKET=YOUR_BUCKET_NAME

R2_ENDPOINT=XXXXXXX.r2.cloudflarestorage.com

Lalu cari key FILESYSTEM_DISK dan ubah nilainya menjadi r2 seperti ini:

Code:
FILESYSTEM_DISK=r2

Kira-kira lengkapnya menjadi seperti ini:

Code:
FILESYSTEM_DISK=r2

// ...

R2_ACCESS_KEY_ID=17c995******b72dec******87976

R2_SECRET_ACCESS_KEY=fa55efa680d******5ecd898f06ae37761807f******b3bae36643f

R2_BUCKET=nurfachmi-academy

R2_ENDPOINT=https://9deccd0505******7560976cb3ff6.r2.cloudflarestorage.com

Beberapa value di atas sudah disensor dengan karakter *.

Selanjutnya tambahkan pengaturan disk di filesystem yang ada di config/filesystem.php.

PHP Code:

return [

    // ...

    'disks' => [

        // ...

       'r2' => [
            'driver' => 's3',
            'key' => env('R2_ACCESS_KEY_ID'),
            'secret' => env('R2_SECRET_ACCESS_KEY'),
            'region' => 'auto',
            'bucket' => env('R2_BUCKET'),
            'url' => env('R2_URL'),
            'endpoint' => env('R2_ENDPOINT'),
            'use_path_style_endpoint' => env('R2_USE_PATH_STYLE_ENDPOINT', false),
            'throw' => false,
        ],
    ],
]; 

Sip, sekarang kita beralih ke MVC-nya. Model, View, dan Controller. Let’s go!

---

Langkah 4: Model, View, dan Controller

Kita buat ketiganya dalam satu perintah.

PHP Code:
php artisan make:model Storage -mcr 

Code:
INFO  Model [app/Models/Storage.php] created successfully.  

   INFO  Migration [database/migrations/2025_01_04_005141_create_storages_table.php] created successfully.  

   INFO  Controller [app/Http/Controllers/StorageController.php] created successfully.

Dengan perintah di atas, kita membuat model Storage sekaligus migration dan resource controller.

---

Untuk migration, kita buat sederhana dulu saja seperti ini:

PHP Code:

// ...

return new class extends Migration
{
    public function up(): void
    {
        Schema::create('storages', function (Blueprint $table) {
            $table->id();
            $table->string('path');
            $table->timestamps();
        });
    }

    // ...
} 

Jalankan migratenya

PHP Code:
php artisan migrate 

File migration di atas setara dengan SQL command berikut:

PHP Code:
create table "storages" (
    "id" integer primary key autoincrement not null, 
    "path" varchar not null, 
    "created_at" datetime, 
    "updated_at" datetime
); 

---

Selanjutnya kita modifikasi file controllernya seperti ini:

PHP Code:

namespace App\Http\Controllers;

use Illuminate\Http\Request;

class StorageController extends Controller
{
    public function index()
    {
        return view('upload');
    }

    public function store(Request $request)
    {
        try {
            $path = $request->file('file')->store('storage');

            $storage = new \App\Models\Storage();
            $storage->path = $path;
            $storage->save();
        } catch (\Throwable $th) {
            dd($th->getMessage());
        }

        return back();
    }
} 

Pada method index, kita sesederhana menampilkan view yang nanti berada di resources/views/upload.blade.php dan isinya berupa form upload saja dengan 2 elemen, yakni element input file dan tombol.

Adapun pada method store, hanya berupa usaha untuk upload file ke Cloudflare R2 dan menyimpannya ke dalam model Storage. Jika gagal, maka akan menampilkan errornya dalam fungsi dd. Jika berhasil, maka kembali ke halaman upload lagi.

Kita hanya menggunakan dua method itu saja dan silahkan hapus method lainnya karena tidak diperlukan.

--

Terakhir, buat file baru dengan nama upload.blade.php dalam folder resources/views dan isinya sesederhana berikut:

PHP Code:
DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Upload to Cloudflare R2title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@picocss/pico@2/css/pico.min.css">
head>

<body class="container">

    <form action="{{ route('storage.store') }}" method="post" enctype="multipart/form-data">
        @csrf

        <input type="file" name="file" id="file" required>

        <input type="submit" value="Upload">
    form>

body>

html> 

--

Ups, sebelum kita coba di browser, kita harus menambahkan route juga di routes/web.php seperti ini:

PHP Code:

// ...

Route::resource('storage', \App\Http\Controllers\StorageController::class)
    ->only(['index', 'store']); 

--

Nah, saatnya pembuktian di browser!

---

Langkah 5: Pembuktian!

Silahkan jalankan web kita dengan perintah:

PHP Code:
php artisan serve 

Code:
   INFO  Server running on [http://127.0.0.1:8000].  

  Press Ctrl+C to stop the server

Kemudian buka browser dan arahkan ke alamat http://localhost:8000/storage. Seharusnya muncul halaman seperti ini:

Silahkan coba upload satu gambar atau file.

Pastikan di bucket kamu sudah bertambah 1 objek baru. Jika tidak, berarti masih ada yang keliru dari langkah-langkah sebelumnya. Silahkan diperiksa kembali.

Nampak ada satu file terupload di folder dengan nama storage dalam bucket nurfachmi-academy tersebut.

Nah, demikian deh cara integrasi Cloudflare R2 ke dalam Laravel, sekaligus mengenalkan apa itu Cloudflare R2. Ada pertanyaan? Silahkan tanya di kolom komentar ya!

Salam.

Tech Bro vs Anak Seni

Sat, 02 May 2026 12:40:51 +0000

Quote:Reza Nurfachmi, July 16, 2024

Bismillahirrahmanirrahim

Sesekali ingin menuangkan pendapat yang ada di benak sejenak setelah baca tweet ini.

Twitter

Latar Belakang

Mengapa tech bro seperti ndak tergeser keberadaannya dengan AI? Karena kami, ya saya juga termasuk tech bro karena berprofesi di bidang teknologi ~khususnya sebagai software engineer~, memanfaatkan AI untuk memudahkan pekerjaan. Lantas mengapa anak seni terlihat seperti melawan keberadaan AI?

Rumusan Masalah

IMHO karena anak seni belum memiliki wadah, semacam layanan AI, yang memudahkan pekerjaannya. Andaikan ada, maka lain cerita.

Banyak AI Image Generator bertebaran di internet, dari yang gratis hingga yang nguras kantong abis. Namun, menurutku tetap kurang mengakomodir kebutuhan mereka.

Masalah Penulis

Sejujurnya saya tidak memiliki pengetahuan apa-apa tentang seni dan menulis artikel ini pun tanpa bertanya-tanya dahulu ke anak seni satu pun. Jadi ini murni pendapat pribadi. Bahkan saya pun hanya penikmat layanan AI dan belum bisa membuat layanan menggunakan AI.

Entah, jadi bingung nulis akar masalahnya yang dialami anak seni ini. Etapi saya kurang suka terlalu fokus dengan masalah. Lebih senang banyak menghabiskan waktu untuk mencari jalan keluar.

Pembahasan

Saya hanya membayangkan jika ada servis AI yang flownya benar-benar dapat membantu para anak seni ini. Jadi ndak hanya sekedar menulis prompt yang benar, tetapi juga dataset yang digunakan sesuai dengan yang mereka kehendaki.

Kira-kira begini flownya.

User mendaftarkan dirinya ke website atau aplikasi gawai.
User memasukkan referensi gambar-gambar yang biasa ia hasilkan atau yang menjadi referensi sebagai keluaran hasilnya nanti.
User menunggu beberapa waktu untuk sistem dapat “belajar” dari materi-materi yang diberikan pada poin sebelumnya.
Setelah siap, user mendapatkan notifikasi dan mulai dapat menuliskan prompt yang ia inginkan dan hasilnya pun sesuai dengan referensi yang diinput.

Lalu apa bedanya dengan AI Image Generator pada umumnya? Berikut kira-kira perbedaannya, atau bisa dibilang sebagai “keuntungan”-nya.

Meminimalisir pencurian hak cipta.

Dilansir bahwa AI Image Generator banyak melakukan pencurian hak cipta karena memakai sembarang gambar untuk dipelajari oleh AI mereka tanpa izin atau sepengetahuan pemilik gambar. Dengan flow di atas, maka si layanan AI ini hanya memakai sumber data yang diberikan oleh User. Jadi jika terjadi penuntutan atas pelanggaran hak cipta, maka bisa langsung ditujukan kepada User, bukan layanan AI-nya.

WYGIWYG

Kalau di skena Tech Bro ada WYSIWYG (baca: wisiwig) (What You See is What You Get), maka dengan flow di atas anak seni dapat WYGIWYG (baca: wigiwig) (What You Give is What You Get). Artinya hasil prompt yang diberikan akan selalu merujuk kepada materi-materi yang ia berikan sendiri kepada si AI.

Memudahkan Anak Seni

Dengan dua keuntungan sebelumnya, maka saya rasa layanan AI tersebut akan menjadi salah satu alat yang sangat amat memudahkan pekerjaan si anak seni tersebut. Setelah memberikan prompt, layanan AI akan memberikan beberapa sugesti hasil yang kemudian bisa langsung dipakai atau hanya dijadikan referensi yang nanti akan dikerjakan secara manual oleh tangannya si anak seni tersebut.

Penutup

Yah begitulah kira-kira yang ada dalam benak saya mengenai perseteruan pada tweet di atas. Maafkan jika ada kekurangan.

Mengatur ID Increment Selanjutnya pada PostgreSQL dan MySQL

Sat, 02 May 2026 12:34:10 +0000

Quote:Reza Nurfachmi, July 29, 2024

Bismillahirrahmanirrahim

Bermula dari error yang saya temukan saat ingin menambahkan data lewat CMS dan keharusan saya untuk menuliskan nilai pada kolom “id” yang seharusnya terisi sendiri meski dikosongkan, maka saya mengambil keputusan bahwa ada yang keliru dengan nilai increment selanjutnya. Sebenarnya, kesulitan saya ini terjadi di PostgreSQL karena untuk menentukan nilai increment selanjutnya tidak semudah di MySQL dengan DBeaver sebagai Database GUI utama.

Pada MySQL, untuk menentukan nilai auto-increment selanjutnya bisa dilihat dan ditentukan tanpa menggunakan query. Cukup lihat pada properties tabel yang diinginkan, lalu ubah dan klik simpan.

Pada PostgreSQL, tampilan properties tabelnya tidak seperti di atas, melainkan seperti ini:

Tidak terlihat pengaturan auto-increment-nya, kan?

Yah begitu lah keterbatasan Database GUI Editor, tidak akan semudah dan sefleksibel command line pada terminal.

Setelah googling sana-sini, beginilah cara mengetahui nilai increment selanjutnya dan cara mengatur nilai increment selanjutnya pada PostgreSQL maupun MySQL.

PostgreSQL

Mengetahui nilai increment selanjutnya

Code:
SELECT nextval('nama_sequence');

Pertanyaannya, bagaimana mengetahui nama_sequence pada tabel tertentu itu?

Pada DBeaver, hal itu bisa didapatkan dengan melihat tab Columns dan nilai kolom Defaultnya.

Namun, untuk mendapatkan nama_sequence menggunakan query adalah sebagai berikut:

Code:
SELECT pg_get_serial_sequence('nama_tabel', 'nama_kolom');

-- contoh:

SELECT pg_get_serial_sequence('staff', 'id');

-- contoh response:

-- public.staff_id_seq

Maka, selanjutnya tinggal dibungkus menjadi string dan ditambahkan identifikasi kelas (class) dengan akhiran ::regclass dan tanpa awalan public.-nya.

Hasil akhirnya adalah berupa sequence_name : ‘staff_id_seq’::regclass

Untuk mendapatkan nilai increment selanjutnya, bisa dengan query berikut:

Code:
SELECT nextval('staff_id_seq'::regclass);

-- output

-- kolom : nextval

-- nilai : 853

Mengatur nilai increment selanjutnya

Code:
SELECT setval('nama_sequence', nilai_baru);

Jika mengikuti contoh kolom di atas, maka query lengkapnya akan seperti ini:

Code:
SELECT setval('staff_id_seq'::regclass, 860);

MySQL

Mengetahui nilai increment selanjutnya

Ada dua cara atau query untuk mendapatkan hal tersebut, yakni query panjang dan pendek. Mari kita mulai dengan query panjang dahulu, yaitu seperti ini:

Code:
SELECT AUTO_INCREMENT

FROM information_schema.TABLES

WHERE TABLE_SCHEMA = 'nama_database'

AND TABLE_NAME = 'nama_tabel';

Contohnya seperti ini:

Code:
SELECT AUTO_INCREMENT

FROM information_schema.TABLES

WHERE TABLE_SCHEMA = 'daycare'

AND TABLE_NAME = 'staff';

-- output

-- kolom : AUTO_INCREMENT

-- nilai : 853

Adapun query pendeknya bisa seperti ini :

Code:
SHOW TABLE STATUS LIKE 'nama_tabel';

Contohnya seperti ini:

Code:
SHOW TABLE STATUS LIKE 'staff';

-- output

-- kolom : Auto_increment

-- nilai : 853

Kemudian lihat hasil pada kolom ‘Auto_increment’. Angka yang tampil adalah yang menjadi nilai increment selanjutnya.

Mengatur nilai increment selanjutnya

Untuk mengatur atau override nilai increment selanjutnya, bisa dicapai dengan query berikut:

Code:
ALTER TABLE nama_tabel AUTO_INCREMENT = nilai_baru;

Contohnya seperti ini:

Code:
ALTER TABLE staff AUTO_INCREMENT = 860;

---

Ya, kira-kira demikian untuk mengetahui dan mengatur nilai increment selanjutnya pada PostgreSQL dan MySQL. Maafkan jika ada kekurangan dan mohon koreksi jika ada kekeliruan.

Class Ajaib di Laravel

Sat, 02 May 2026 12:27:22 +0000

Quote:Reza Nurfachmi, March 28, 2023

Tau nggak sih kenapa barisan kode sederhana seperti ini bisa mengeluarkan output dengan berbagai cara?

PHP Code:
$user = \App\Models\User::inRandomOrder()->first(); 

Dengan keluaran sebagai array, bisa…

PHP Code:
$user['name']; // output: John 

Dengan keluaran sebagai object, bisa juga…

PHP Code:
$user->name; // output: John 

Jawabannya adalah karena ada suatu class yang namanya Fluent. Class ini secara ajaib melakukan mutasi kepada data agar bisa diakses dalam berbagai metode. Salah duanya adalah seperti yang sudah penulis jabarkan di atas.

Sebelum penulis berikan berbagai contoh penggunaannya, mari kita kenalan dengan class Fluent ini.

PHP Code:
use Illuminate\Support\Fluent;

$attributes = ['name' => 'Reza'];
$data = new Fluent($attributes); 

Selanjutnya adalah ada berbagai metode yang bisa dilakukan oleh class Fluent ini. Penulis langsung jabarkan melalui contoh satu per satu ya.

---

PHP Code:
$data->get('name', 'Nurfachmi'); 

Kode di atas akan mengembalikan nilai dari name atau Nurfachmi jika name belum di-set nilainya.

---

PHP Code:
$data->getAttributes(); 

Kode di atas akan mengembalikan seluruh atribut yang sudah di-set, termasuk yang baru dibuat, misalnya:

PHP Code:
$data->last_name = "Nurfachmi";

print_r($data->getAttributes());
/***
Output:
Array ( [name] => Reza [last_name] => Nurfachmi )
***/ 

---

PHP Code:
$data->toArray(); 

Kode di atas akan mengembalikan data sebagai array.

---

PHP Code:
$data->toJson(); 

Kode di atas akan mengembalikan data sebagai json.

---

Fluent adalah sebuah utiliti class yang disediakan oleh Laravel sendiri agar kita dapat secara luwes mengolah data.