Scroll untuk baca Berita
ProgrammingSoftwareTips dan trikWeb

Cara Install, Perintah Dasar dan Contoh Penggunaan Bun untuk Web Project Next.JS

4
×

Cara Install, Perintah Dasar dan Contoh Penggunaan Bun untuk Web Project Next.JS

Share this article
Cara Install, Perintah Dasar dan Contoh Penggunaan Bun untuk Web Project Next, foto:(pamulangnet)

Pamulang.net, Web – Bun adalah perangkat all-in-one untuk pengembangan aplikasi JavaScript dan TypeScript. Berbeda dari tool tradisional, Bun hadir sebagai satu file executable bernama bun, sehingga instalasi dan penggunaannya jauh lebih sederhana.

Di balik performanya, Bun menggunakan runtime berbasis JavaScriptCore dan ditulis dengan bahasa Zig. Kombinasi ini membuat Bun mampu menawarkan waktu startup lebih cepat dan penggunaan memori yang jauh lebih efisien dibandingkan Node.js.

Bun bukan sekadar runtime. Ia dirancang sebagai ekosistem lengkap yang mencakup:

  • Package manager (pengganti npm/yarn)
  • Bundler
  • Transpiler
  • Script runner
  • Test runner

Semua fitur ini terintegrasi dalam satu tool, sehingga mempercepat workflow developer tanpa perlu banyak dependensi tambahan.

Cara Install Bun

Pastikan perangkat Anda terhubung ke internet, lalu jalankan perintah berikut:

Windows (PowerShell):

irm bun.sh/install.ps1 | iex

Linux / macOS:

curl -fsSL https://bun.sh/install | bash

Tunggu hingga proses instalasi selesai.

Perintah Dasar Bun

Berikut beberapa command penting yang sering digunakan:

bun run start           # Menjalankan script "start"
bun install <pkg>       # Install package
bun build ./index.tsx   # Bundle project untuk browser
bun test                # Menjalankan testing
bunx cowsay "Hello!"    # Eksekusi package tanpa install global

Contoh Penggunaan Bun

Berikut contoh menjalankan proyek web berbasis Next.js dan Node.js menggunakan Bun:

# 1. Ekstrak file
unzip pamulang-project.zip -d pamulang
cd pamulang

# 2. Install dependencies
bun install

# 3. Setup database
bun run db:push

# 4. Jalankan aplikasi
bun run dev

# 5. Akses di browser
http://localhost:3000

Bun vs Runtime Lain

Dalam pengembangan web, browser memiliki runtime JavaScript sendiri yang menyediakan API melalui objek window untuk interaksi halaman.

Sementara itu, Node.js memungkinkan JavaScript berjalan di luar browser (server-side), dengan akses ke modul sistem seperti:

  • File system (fs)
  • Networking (http, net)
  • Variabel global seperti process, __dirname

Namun, arsitektur lama Node.js sering kali membutuhkan banyak tools tambahan.

Di sinilah Bun hadir sebagai solusi modern: lebih cepat, lebih ringan, dan sudah mencakup semua kebutuhan dalam satu paket.

Bun adalah evolusi dari runtime JavaScript modern. Dengan performa tinggi dan integrasi lengkap, tool ini berpotensi menggantikan dominasi Node.js di masa depan.

Bagi developer yang ingin workflow lebih cepat dan efisien, Bun layak untuk dicoba sekarang juga.

Note Pamulang.net :
Gunakan npm untuk hasil paling stabil di Windows. Jangan gunakan bun di Windows untuk project Next.js karena masalah path length yang inheren.