DEV Community: Farhamdani

Apa Itu Jekyll? Panduan Terlengkap untuk Pemula di Tahun 2025

Farhamdani — Tue, 25 Mar 2025 13:00:00 +0000

Jekyll adalah generator situs statis (static site generator) berbasis Ruby yang mengubah teks biasa menjadi website atau blog modern. Tools ini sangat populer di kalangan developer dan blogger tech-savvy karena kecepatan, keamanan, dan kemudahan integrasinya dengan GitHub Pages.

Mengenal Jekyll Lebih Dekat

Jekyll pertama kali dirilis pada 2008 oleh Tom Preston-Werner (pendiri GitHub). Alat ini memungkinkan Anda:

Membuat website tanpa database
Menulis konten dalam Markdown
Menggunakan template Liquid untuk styling
Deploy langsung ke GitHub Pages secara gratis

"Jekyll adalah revolusi cara membangun website sederhana dengan performa optimal." - Farham Dani

Kenapa Harus Pakai Jekyll di 2025?

Berikut keunggulan Jekyll dibanding platform lain:

Kecepatan Loading Super Cepat (100/100 Google PageSpeed)
Keamanan Tinggi (tidak ada database yang bisa di-hack)
Integrasi Mudah dengan GitHub, Netlify, Vercel
Biaya Nol Rupiah untuk hosting dasar
Full Kontrol atas kode dan desain

Bandingkan dengan WordPress yang membutuhkan maintenance rutin dan rentan terhadap serangan jika tidak diupdate.

Cara Install Jekyll (Step-by-Step)

Prasyarat:

Ruby 2.5.0 atau lebih baru
RubyGems
GCC dan Make

Langkah Install:

gem install bundler jekyll
jekyll new situs-saya
cd situs-saya
bundle exec jekyll serve

Buka http://localhost:4000 untuk melihat website pertama Anda!

Struktur Folder Jekyll

.
├── _config.yml
├── _posts/
├── _layouts/
├── _includes/
├── _sass/
├── assets/
└── index.md

Menulis Post Pertama

Buat file Markdown di folder _posts dengan format:

---
layout: post
title: "Post Pertama Saya"
date: 2025-03-25
---

Ini adalah contoh konten menggunakan **Markdown**.

Deploy ke GitHub Pages

Buat repo GitHub dengan format username.github.io
Push semua file Jekyll
Aktifkan GitHub Pages di settings repo

Dalam beberapa menit, website Anda akan live di https://username.github.io

Sumber Belajar Lanjutan

Untuk panduan lebih detail, kunjungi artikel lengkap tentang Jekyll di FarhamDani.com yang membahas:

Custom domain setup
Optimasi SEO untuk Jekyll
Plugin esensial
Integrasi dengan CMS headless

❓ FAQ

Q: Apakah Jekyll cocok untuk pemula?

A: Ya, dengan dasar Markdown dan Git, siapa pun bisa mulai!

Q: Bisakah membuat e-commerce dengan Jekyll?

A: Bisa, dengan integrasi Snipcart atau Shopify Buy Button.

Q: Bagaimana update kontennya?

A: Via Git atau CMS headless seperti Forestry.

Selamat! Anda sekarang siap memulai journey dengan Jekyll. Platform ini sempurna untuk portofolio, blog tech, atau dokumentasi proyek.

Untuk tips lanjutan, jangan lupa baca panduan komprehensif di sini.

Cara Install Scrcpy di MacBook untuk Mirror Layar Android

Farhamdani — Wed, 05 Mar 2025 08:00:00 +0000

Bagi pengguna MacBook yang ingin mirror layar Android ke laptop tanpa ribet, Scrcpy adalah solusi terbaik. Aplikasi ini memungkinkan kamu mengontrol Android langsung dari Mac tanpa perlu akses root, dan yang paling keren—Scrcpy gratis serta minim delay!

1. Persiapan Sebelum Install Scrcpy

Sebelum memulai, pastikan MacBook kamu memenuhi persyaratan berikut:

macOS Mojave (10.14) atau lebih baru
Homebrew sudah terinstal (jika belum, bisa diinstal terlebih dahulu)
HP Android dengan USB debugging aktif

2. Install Homebrew (Jika Belum Ada)

Homebrew adalah package manager yang memudahkan instalasi software di macOS. Jika belum terinstal, jalankan perintah berikut di Terminal:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

Cek apakah Homebrew sudah terinstal dengan perintah:

brew -v

3. Install Scrcpy di MacBook

Setelah Homebrew terinstal, jalankan perintah ini untuk menginstal Scrcpy:

brew install scrcpy

Proses ini juga akan menginstal Android ADB, yang diperlukan untuk menghubungkan HP Android ke MacBook.

Untuk memastikan instalasi berhasil, ketik:

scrcpy --version

Jika versi Scrcpy muncul, berarti instalasi sukses!

4. Cara Menggunakan Scrcpy di MacBook

Hubungkan HP Android ke MacBook dengan kabel USB.
Aktifkan USB Debugging di HP dengan langkah: Pengaturan → Tentang Ponsel → Ketuk "Nomor Build" 7 kali → Masuk ke Opsi Pengembang → Aktifkan USB Debugging.
Buka Terminal di MacBook dan jalankan perintah:

   scrcpy

Jika muncul pop-up di HP, pilih Allow.
Layar Android akan langsung muncul di MacBook dan bisa dikontrol dengan keyboard & mouse!

Kesimpulan

✅ Scrcpy adalah cara terbaik untuk mirror dan mengontrol HP Android di Mac tanpa lag.

✅ Dengan Homebrew, instalasi Scrcpy jadi lebih cepat dan mudah.

✅ Bisa digunakan untuk presentasi, gaming, atau debugging aplikasi Android.

Jika kamu butuh tutorial lebih lengkap dan detail, termasuk cara mengatasi error yang mungkin muncul, silakan cek artikel lengkapnya di sini:

👉 Cara Install Scrcpy di MacBook dengan Mudah

🚀 Selamat mencoba! 🚀

Tips Berjualan Di Facebook Marketplace Biar Laris

Farhamdani — Mon, 09 May 2022 02:02:41 +0000

Tips Berjualan Di Facebook Marketplace Biar Laris - Bagaimana cara berjualan di facebook marketplace serta tips tips yang harus kita terapkan agar ramai pengunjung, mau tau caranya? tonton saja videonya dibawah ini.
https://youtu.be/-wz6IYpsxow

Update! Script Auto Installer V2ray Di VPS Ubuntu, Websocket + TLS + CDN

Farhamdani — Sat, 01 Jan 2022 15:05:25 +0000

Saya akan bagikan tutorial serta script auto installer v2ray di VPS Ubuntu, tapi sebelumnya saya rekomendasikan kalian untuk membaca artikel saya yang berjudul beli vps indonesia murah gratis saldo sebagai refrensi saja atau bisa digunakan untuk belajar tentang vps buat kalian yang memang masih pemula.

Buat kalian yang bejualan vpn wajib coba script auto installer v2ray ini, karena dari tingkat kestabilan dalam tunelling vpn ini cukup bagus jika kita bandingkan dengan vpn ssh premium.

…kita langsung saja ke tutorialnya

Script Auto Installer V2ray Di VPS Ubuntu

Sebelum melakukan installer v2ray di vps, kalian harus punya domain yang sudah terhubung ke cloudflare (sebagai cdn) syarat lain yang harus kalian penuhi adalah, vps belum terinstall apapun (fresh vps)

1. Remote IP VPS

Silahkan remote dan login ke akun vps kalian menggunakan putty, juice, termius atau semacamnya

2. Lakukan update dan Upgrade

Biar script auto installer v2ray berjalan lancar, sebaiknya lakukan update dan upgrade terlebih dahulu. Untuk printahnya kalian bisa gunakan dibawah ini

sudo apt update && apt upgrade -y

3. Install Curl

Gunakan printah dibawah ini untuk melakukan instalasi curl, ini berfungsi untuk melakukan command pada protokol http atau https

sudo apt install curl -y

4. Install V2ray Dengan Panel X-UI

Untuk script auto installer v2ray silahkan gunakan perintah dibawah ini, selain script dibawah ini kalian juga bisa mencari script auto installer di forum github yang bebas kalian gunakan secara gratis

Lanjutkan Membaca...

Cara Install Ghost Blog CMS di Localhost Windows 10

Farhamdani — Wed, 17 Mar 2021 10:27:23 +0000

Cara Install Ghost Blog CMS di Localhost Windows 10 - Dalam artikel kali ini saya mau share tentang install Ghost di localhost, tujuannya agar kita bisa men-develop Ghost blog secara lokal sebelum di produksi atau di terbitkan.

Terlebih dahulu saya akan memperkenalkan platform CMS Ghost ini kepada kalian, mungkin ada beberapa di antara kalian masih asing dengan Platform blogging Ghost ini.

Sekedar informasi, pada artikel sebelumnya saya bahas tentang cara deploy ghost blog di heroku, silahkan di baca saja nanti buat menambah wawasan 😁

...mari kita bahas tentang Platform CMS Ghost ini.

Apa itu Ghost Blog?

Ghost adalah salah satu dari sekian banyak CMS (Content Management System) yang fungsinya untuk membuat website ataupun blog. Bahasa simplenya, Ghost adalah Platform Blogging.

Jika kalian ingin membuat blog dengan cms ghost ini, silahkan di coba dan rasakan pengalaman kalian saat menggunakan ghost blog ini, kalau saya pribadi sih sangat senang menggunakan platform blog yang satu ini.

...karena dari tampilan dashboard ghost yang simple, ringan dan pokoknya sangat powerful dalam urusan blogging. Untuk masalah SEO di Ghost blog, nggak perlu diragukan, karena platform ini memang sudah di rancang untuk keperluan blogging.

...lu kok bahas CMS ghost, tapi lu pake blogspot untuk ngeblog. Gimana sih???

Memang untuk blog saya yang ini menggunakan blogspot atau yang kita kenal blogger, tapi sebelum saya membuat blog dengan blogspot pada blog ini, saya sudah lebih dahulu menggunakan Ghost untuk blogging.

Nah, untuk itulah saya membuat artikel ini, dengan tujuan membagikan pengalaman saya menggunakan platform blogging Ghost.

Perlu kita ketahui juga, platform Ghost sedikit berbeda dengan CMS yang lain, tidak sepeti WordPress, Ghost berjalan di atas Node.js, jadi jika kita ingin menginstall ghost blog di localhost kita harus menginstall node.js terlebih dahulu.

Dan, seandainya kalian mau install Ghost Blog di Hosting, pastikan kalian harus cari hosting yang support dengan node.js.

Kalau mau yang gratisan bisa menggunkan Github Pages, Heroku, Netlify, AWS, Azure dan sebenarnya masih banyak lagi.

...oke biar lebih lengkap saya juga akan bahas tentang Node js disini

Apa Itu Node js?

Node js adalah salah satu platform pemrograman aplikasi web berbasis Javascript yang memiliki performa tinggi, Platform ini dibuat oleh Ryan Dahl pada tahun 2009, dengan Platform node js ini kita bisa menjalankan Javascript dari sisi server.

Selain itu node js dibuat dengan engine javascript V8 milik Google, node js juga memiliki pustaka server sendiri sehingga kita tidak perlu menggunakan web server seperti Nginx dan Apache

Untuk lebih jelasnya tentang node js bisa mengunjungi artikel dari Niagahoster tentang pengenalan lengkap node js bagi pemula

Cara Install Ghost Blog CMS di Localhost

Sekarang kita masuk ke pokok pembahasan kita kali ini, untuk kalian yang nggak paham dengan artikel ini, saya sudah menyajikan Install Ghost Blog di Windows 10 dalam bentuk Video. Dan videonya ada dibawah ini sekalian bantu subscribe channel idblogger juga

Video Youtube

Dan langkah langkah install CMS Ghost di Localhost sebagai berikut:

#1. Install Node.js

Buka browser dan masuk ke alamat nodejs.org, di halaman depan kalian akan melihat tampilan download, silahkan download sesuai dengan OS dan versi nodejs yang ingin kalian gunakan

#2. Buka Node.js Command Prompt

Setelah berhasil install node.js di windows, silahkan di buka Node.js Command Prompt atau bisa menggunakan CMD bawaan dari windows

#3. Install Ghost CLI

Ghost CLI adalah alat yang digunakan untuk menginstal dan memperbarui Ghost. Untuk mengunduhnya, jalankan perintah berikut dan tekan 'Enter':

$ npm install -g ghost-cli

Silahkan tunggu sampai proses instalasinya selessai

#4. Install Ghost Blog

Sekarang langkah selanjutnya kita buat folder baru dan pastikan folder tersebut kosong, Masuk ke lokasi folder yang sudah dibuat menggunakan CMD dan ketikan perintah berikut:

$ ghost install local

Tunggu Proses instalasi sampai selesai sampai muncul link untuk mengakses ghost blog kalian, untuk alamat localnya seperti ini http://localhost:2368

4.1. Install Sqlite3 (opsional)

Secara default Cms Ghost menggunakan Sqlite3 untuk databasenya, tapi jika terjadi error saat instalasi ghost dengan paket sqlite3 kalian bisa jalankan perintah berikut

$ npm install sqlite3 --save

Jika sudah berhasil maka sekarang ketikan perintah berikut untuk mengakses Ghost Blog di localhost windows kalian

$ ghost start

Kalau sudah kita bisa mengakses Ghost blog di browser menggunakan alamat http://localhost:2368/ghost

#5. Setup Admin Ghost Blog

Untuk membuat admin di ghost blog saya sudah bahas di artikel sebelumnya jadi, saya nggak bahas disini, kalian bisa kunjungi saja artikelya disini

Sampai disini kita sudah berhasil install cms ghost di local windows, untuk setting, ganti tema ghost, membuat artikel di ghost mungkin akan saya bahas di artikel selanjutnya. jika kurang paham atau ada kendala saat instalasi ghost silahkan tanyakan di kolom komentar saja.

Terimakasih!