Sebelum mulai membuat project Next.js, ada dua hal yang perlu kalian kenali terlebih dahulu, yaitu Node.js dan NPM. Keduanya merupakan tools yang nantinya akan sering kita gunakan selama proses pengembangan website.
Apa Itu Node.js?
Node.js adalah sebuah JavaScript Runtime Environment yang memungkinkan kita menjalankan kode JavaScript di luar browser.
Mungkin selama ini kalian mengenal JavaScript sebagai bahasa pemrograman yang berjalan di browser, misalnya untuk membuat interaksi pada halaman website. Nah, dengan Node.js, kita bisa menjalankan JavaScript langsung di komputer lokal maupun server.
Dalam pengembangan Next.js, Node.js dibutuhkan untuk menjalankan development server, memproses aplikasi, serta menjalankan berbagai perintah yang berkaitan dengan project.
Jadi, sebelum membuat project Next.js, pastikan komputer kalian sudah terpasang Node.js.
Apa Itu NPM?
NPM merupakan singkatan dari Node Package Manager. Sesuai namanya, NPM digunakan untuk mengelola package atau library JavaScript yang kita gunakan dalam sebuah project.
Misalnya, ketika membuat project Next.js, kita membutuhkan beberapa package seperti React, React DOM, dan Next.js itu sendiri. Nah, proses instalasi dan pengelolaan package tersebut bisa dilakukan menggunakan NPM.
Selain itu, NPM juga memungkinkan kita menjalankan perintah tertentu melalui file package.json, seperti menjalankan development server atau melakukan proses build aplikasi.
Beberapa perintah NPM yang nantinya sering kita gunakan antara lain:
npm install
Digunakan untuk menginstal seluruh dependency yang terdaftar di dalam package.json.
npm run dev
Digunakan untuk menjalankan development server.
npm run build
Digunakan untuk melakukan proses build aplikasi sebelum aplikasi di-deploy.
Apa Perbedaan Node.js dan NPM?
Supaya lebih mudah dipahami, anggap saja Node.js adalah lingkungan yang memungkinkan JavaScript berjalan di komputer kita, sedangkan NPM adalah pengelola package yang membantu kita memasang dan mengelola berbagai kebutuhan project JavaScript.
Keduanya biasanya sudah terpasang bersamaan ketika kita menginstal Node.js.
Pada tutorial ini, kita akan menggunakan Node.js sebagai runtime dan NPM sebagai package manager untuk mengelola project Next.js yang akan kita buat.
Mengecek Instalasi Node.js dan NPM
Sekarang coba buka Terminal, Command Prompt, atau Git Bash di komputer kalian. Kemudian jalankan perintah berikut:
node -v
Perintah tersebut digunakan untuk melihat versi Node.js yang terpasang.
Selanjutnya, jalankan:
npm -v
Perintah tersebut digunakan untuk melihat versi NPM.
Jika keduanya menampilkan nomor versi, berarti Node.js dan NPM sudah berhasil terpasang dan siap digunakan.
Namun, jika muncul pesan seperti command not found atau 'node' is not recognized, kemungkinan Node.js belum terpasang atau belum terdaftar pada PATH Windows.
Untuk mengunduh Node.js, kalian bisa mengunjungi website resminya:
Saya sarankan menggunakan versi LTS (Long Term Support) agar mendapatkan versi yang lebih stabil untuk kebutuhan development.
Jika semua sudah siap, selanjutnya kita akan mempersiapkan code editor yang akan digunakan untuk menulis kode selama proses pembuatan project blog ini.