Belajar Hono Framework #1: Framework Javascript yang Super Ngebut Buat Pemula

Pernah nggak sih kamu bikin API terus ngerasa frameworknya berat banget, ribet konfigurasinya, dan lemot loadingnya? Nah, Hono Framework hadir buat jawab semua keluhan itu — dan kabar baiknya, kamu bisa belajar dasarnya dalam satu sore aja!

Apa Itu Hono Framework? Kenalan Dulu Yuk!

Hono (dibaca “ho-no”, artinya “api” dalam bahasa Jepang 🔥) adalah framework web yang ringan, cepat, dan bisa jalan di mana aja. Serius, di mana aja — di Cloudflare Workers, Deno, Bun, Node.js, bahkan di browser sekalipun.

Kalau kamu pernah pakai Express.js, kamu bakal langsung ngerasa familiar sama Hono. Tapi bedanya, Hono itu jauh lebih kecil ukurannya dan jauh lebih kencang performanya. Ini bukan lebay ya, ini emang fakta yang bisa kamu cek sendiri di benchmark resminya.

Singkatnya: Hono = Express.js, tapi versi turbo dan modern.

Kenapa Hono Layak Banget Dipelajari Sekarang?

Ini bukan sekadar framework baru yang cuma hype sesaat. Ada beberapa alasan kuat kenapa belajar Hono Framework itu worth it banget, terutama buat kamu yang baru mulai:

1. Sintaksnya Gampang Banget Hono pakai gaya routing yang simpel dan mudah dibaca. Bahkan kalau kamu belum pernah bikin API sebelumnya pun, kode Hono terasa natural banget.

2. Ukurannya Super Kecil Ukurannya cuma sekitar 12–14 KB (minified + gzipped). Kecil banget kan? Ini berarti aplikasi kamu lebih ringan dan lebih cepat diload.

3. TypeScript-Friendly Hono dibangun dengan dukungan TypeScript dari awal. Jadi kamu bisa langsung dapet fitur autocomplete dan type safety tanpa konfigurasi ribet.

4. Jalan di Banyak Platform, Termasuk Bun! Mau deploy ke Cloudflare Workers yang gratis? Bisa. Mau pakai Bun yang performanya gila-gilaan? Bisa banget! Bun + Hono adalah combo yang saat ini jadi salah satu stack JavaScript tercepat yang bisa kamu pakai.

5. Komunitas Aktif Hono sekarang punya ribuan bintang di GitHub dan komunitas yang terus berkembang. Ini tanda kalau framework ini serius dan nggak bakal ditinggalkan begitu saja.

Persiapan Sebelum Mulai: Yang Kamu Butuhkan

Tenang, nggak perlu banyak. Ini aja yang kamu perlukan sebelum mulai belajar Hono Framework:

Bun versi terbaru — install lewat curl -fsSL https://bun.sh/install | bash
Text editor — VS Code direkomendasikan
Sedikit pengetahuan dasar JavaScript (kalau udah tahu function dan async/await, kamu siap!)
Terminal / command prompt yang nggak takut dibuka 😄

Cara Install dan Bikin Proyek Hono Pertama Kamu

Oke, sekarang kita masuk ke bagian seru! Ikuti langkah-langkah ini pelan-pelan ya:

Langkah 1 — Buat Proyek Baru

Buka terminal kamu, terus ketik perintah ini:

bun create hono hono-pertamaku

Nanti kamu bakal ditanya beberapa pilihan. Pilih:

Template: bun
Langsung enter untuk opsi lainnya

Langkah 2 — Masuk ke Folder dan Install Dependency

cd hono-pertamaku
bun install

Langkah 3 — Lihat Struktur Proyeknya

Setelah install selesai, kamu bakal lihat file src/index.ts yang isinya kira-kira begini:

import { Hono } from 'hono'

const app = new Hono()

app.get('/', (c) => {
  return c.text('Hello Hono!')
})

export default app

Simpel banget kan? Mari kita bedah baris per baris:

import { Hono } from 'hono' → Kita impor Hono ke dalam file kita
const app = new Hono() → Kita buat aplikasi Hono baru
app.get('/', ...) → Kita buat “route”, yaitu aturan: “kalau ada yang akses halaman /, tampilkan ini”
c.text('Hello Hono!') → Kirim respon berupa teks

Langkah 4 — Jalankan Servernya

bun run dev

Buka browser kamu, pergi ke http://localhost:3000 — dan voilà! Kamu bakal lihat tulisan “Hello Hono!” 🎉

Konsep Dasar yang Wajib Kamu Tahu

Routing — Jalan Tol Data Kamu

Routing itu ibarat papan petunjuk jalan. Kamu kasih tahu Hono: “kalau ada request ke sini, lakukan ini.”

// Tampilkan semua user
app.get('/users', (c) => {
  return c.json([
    { id: 1, nama: 'Budi' },
    { id: 2, nama: 'Siti' }
  ])
})

// Tampilkan satu user berdasarkan ID
app.get('/users/:id', (c) => {
  const id = c.req.param('id')
  return c.json({ id, pesan: `Halo, ini user nomor ${id}` })
})

Menerima Data dari Pengguna

Sering kali kamu perlu menerima data dari pengguna, misalnya saat mereka submit form atau kirim data JSON:

app.post('/login', async (c) => {
  const { email, password } = await c.req.json()
  
  // Proses login di sini...
  return c.json({ sukses: true, pesan: 'Login berhasil!' })
})

Middleware — Penjaga Pintu Aplikasi Kamu

Middleware itu seperti satpam. Setiap request yang masuk harus “diperiksa” dulu sebelum diproses. Hono punya banyak middleware bawaan yang tinggal pakai:

import { logger } from 'hono/logger'
import { cors } from 'hono/cors'

// Aktifkan logger (catat semua request yang masuk)
app.use(logger())

// Aktifkan CORS (izinkan request dari domain lain)
app.use(cors())

Dua baris itu aja udah bikin aplikasi kamu jauh lebih siap untuk dunia nyata!

Hono vs Express.js: Mana yang Lebih Baik Buat Pemula?

Ini pertanyaan yang sering banget muncul. Jawabannya: keduanya bagus, tapi untuk tujuan yang sedikit beda.

Aspek	Express.js	Hono
Kecepatan	Cukup cepat	Sangat cepat (apalagi di Bun!)
Ukuran	Lebih besar	Sangat kecil
TypeScript	Butuh setup tambahan	Built-in dari awal
Platform	Node.js saja	Node, Bun, Deno, Edge
Ekosistem	Sangat besar	Berkembang pesat
Cocok untuk	Proyek yang butuh banyak plugin	API modern & edge computing

Kalau kamu mulai dari nol di tahun ini, belajar Hono Framework dengan Bun adalah pilihan yang sangat strategis. Kamu belajar cara berpikir yang modern dan langsung siap deploy ke platform-platform canggih seperti Cloudflare Workers — dengan kecepatan yang bikin Express.js keringat dingin.

Langkah Selanjutnya Setelah Ini

Selamat! Kalau kamu udah sampai sini dan udah coba jalankan kode di atas, artinya kamu udah resmi jadi Hono developer pemula! 🎉

Buat terus berkembang, ini beberapa hal yang bisa kamu pelajari selanjutnya:

Validasi input pakai Zod (library validasi yang powerful)
Koneksi ke database menggunakan Prisma atau Drizzle ORM
Deploy ke Cloudflare Workers yang gratis dan super cepat
Autentikasi menggunakan JWT (JSON Web Token)

Yuk, Mulai Praktek Sekarang!

Membaca artikel ini saja nggak cukup — kamu harus langsung buka terminal dan coba sendiri. Buka VS Code kamu sekarang, ikuti langkah-langkah di atas, dan buat API pertama kamu dengan Hono!

Kalau kamu udah berhasil atau punya pertanyaan, tulis di kolom komentar ya — kita belajar bareng! Dan kalau artikel ini bermanfaat, jangan pelit buat share ke teman-teman kamu yang lagi belajar programming juga. Siapa tahu mereka lagi nyari framework yang simpel dan ngebut kayak Hono ini. 🔥