Back to blog
Fundamental

Mengenal NPM: Kenapa Semua Project Frontend Pakai node_modules?

Folder node_modules yang beratnya bergiga-giga itu isinya apa sih? Kenali peran NPM sebagai manajer paket untuk dunia JavaScript.

super admin·16 Juni 2026·2 min read
Mengenal NPM: Kenapa Semua Project Frontend Pakai node_modules?
Article Content

Jangan Membuat Roda dari Nol

Dalam dunia pemrograman, ada filosofi yang kuat: "Jangan menciptakan ulang roda (Don't reinvent the wheel)." Jika kamu butuh fitur format tanggal, apakah kamu akan menulis algoritma kalender dari nol yang rumit? Tentu tidak. Kamu tinggal meminjam kode milik developer lain yang sudah matang dan teruji.

Di situlah NPM (Node Package Manager) berperan. NPM adalah toko aplikasi/perpustakaan raksasa tempat berkumpulnya jutaan kode JavaScript siap pakai (disebut package atau library).

Komponen Utama NPM

Ketika kamu masuk ke ekosistem Node.js, React, atau framework modern lainnya, kamu akan bertemu dengan tiga hal ini:

1. package.json (Daftar Belanjaan)

File ini adalah jantung dari project-mu. package.json berisi informasi tentang project (nama, versi) dan, yang paling penting, daftar *package* (dependencies) apa saja yang project-mu butuhkan agar bisa berjalan.

{
  "name": "web-keren",
  "dependencies": {
    "react": "^18.2.0",
    "axios": "^1.6.0"
  }
}

2. npm install (Proses Belanja)

Ketika kamu mendownload project orang lain dari GitHub, kamu tidak akan langsung bisa menjalankannya. Kamu harus membuka terminal dan mengetik: npm install.

Perintah ini akan membaca daftar belanjaan di package.json, lalu terhubung ke server NPM di internet, dan mengunduh semua kode library yang dibutuhkan ke laptopmu.

3. folder node_modules (Gudang Penyimpanan)

Setelah npm install selesai, akan muncul satu folder raksasa bernama node_modules. Folder ini berisi semua kode asli dari library yang baru saja kamu download.

Aturan Emas: JANGAN PERNAH menyentuh, mengedit, atau meng-upload (commit) folder node_modules ke GitHub! Karena ukurannya sangat besar, folder ini harus dimasukkan ke dalam file .gitignore. Jika orang lain men-download project-mu dari GitHub, mereka cukup menjalankan npm install di laptop mereka sendiri untuk memunculkan folder ini lagi.

Perintah NPM yang Paling Sering Dipakai

  • npm init -y: Memulai project baru (membuat file package.json kosong).
  • npm install : Mendownload library baru (misal: npm install moment).
  • npm run : Menjalankan perintah kustom yang kamu buat (misal: npm run dev untuk menyalakan server React/Vite).

Kesimpulan

NPM adalah alasan mengapa ekosistem JavaScript berkembang sangat pesat. Komunitas saling berbagi solusi, sehingga kamu sebagai developer bisa fokus membuat fitur utama bisnismu daripada memikirkan algoritma dasar yang sudah dipecahkan orang lain.

Mau langsung pakai template?

Jelajahi template gratis dan premium di TampilKit untuk mempercepat proses development project kamu.

Browse Templates