Cara Instalasi GatsbyJS di beberapa mesin OS

Berikut adalah tutorial langkah demi langkah untuk menginstal GatsbyJS di beberapa sistem operasi: Windows, macOS, dan Linux (Ubuntu).

1. Instalasi GatsbyJS di Windows

Prasyarat

• Node.js dan npm
• Git (opsional)

Langkah-langkah

1. Instal Node.js dan npm:

• Unduh dan instal Node.js dari nodejs.org. Ini juga akan menginstal npm (Node Package Manager) secara otomatis.

1. Periksa Instalasi:

• Buka Command Prompt atau PowerShell dan ketik:
  bash node -v npm -v
• Anda harus melihat versi Node.js dan npm yang terinstal.

1. Instal Gatsby CLI:

• Di Command Prompt atau PowerShell, jalankan perintah berikut:
  bash npm install -g gatsby-cli

1. Verifikasi Instalasi Gatsby CLI:

• Cek versi Gatsby CLI yang terinstal:
  bash gatsby --version

1. Membuat Proyek Gatsby Baru:

• Buat direktori proyek baru dan navigasi ke direktori tersebut:
  bash gatsby new my-gatsby-site cd my-gatsby-site

1. Jalankan Server Pengembangan:

• Untuk memulai server pengembangan:
  bash gatsby develop
• Buka browser dan navigasi ke http://localhost:8000 untuk melihat situs Gatsby Anda.

2. Instalasi GatsbyJS di macOS

Prasyarat

• Node.js dan npm
• Git (opsional)

Langkah-langkah

1. Instal Homebrew (opsional):

• Homebrew adalah manajer paket untuk macOS. Jika Anda belum menginstalnya, jalankan perintah berikut di Terminal:
  bash /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

1. Instal Node.js dan npm menggunakan Homebrew:

• Jalankan perintah berikut di Terminal:
  bash brew install node

1. Periksa Instalasi:

• Periksa versi Node.js dan npm:
  bash node -v npm -v

1. Instal Gatsby CLI:

• Di Terminal, jalankan perintah berikut:
  bash npm install -g gatsby-cli

1. Verifikasi Instalasi Gatsby CLI:

• Periksa versi Gatsby CLI:
  bash gatsby --version

1. Membuat Proyek Gatsby Baru:

• Buat direktori proyek baru dan navigasi ke direktori tersebut:
  bash gatsby new my-gatsby-site cd my-gatsby-site

1. Jalankan Server Pengembangan:

• Untuk memulai server pengembangan:
  bash gatsby develop
• Buka browser dan navigasi ke http://localhost:8000 untuk melihat situs Gatsby Anda.

3. Instalasi GatsbyJS di Linux (Ubuntu)

Prasyarat

• Node.js dan npm
• Git (opsional)

Langkah-langkah

1. Update Paket Sistem:

• Jalankan perintah berikut di Terminal:
  bash sudo apt update sudo apt upgrade

1. Instal Node.js dan npm:

• Anda dapat menginstal Node.js dari repositori NodeSource:
  bash curl -fsSL https://deb.nodesource.com/setup_16.x | sudo -E bash - sudo apt install -y nodejs

1. Periksa Instalasi:

• Periksa versi Node.js dan npm:
  bash node -v npm -v

1. Instal Gatsby CLI:

• Di Terminal, jalankan perintah berikut:
  bash sudo npm install -g gatsby-cli

1. Verifikasi Instalasi Gatsby CLI:

• Periksa versi Gatsby CLI:
  bash gatsby --version

1. Membuat Proyek Gatsby Baru:

• Buat direktori proyek baru dan navigasi ke direktori tersebut:
  bash gatsby new my-gatsby-site cd my-gatsby-site

1. Jalankan Server Pengembangan:

• Untuk memulai server pengembangan:
  bash gatsby develop
• Buka browser dan navigasi ke http://localhost:8000 untuk melihat situs Gatsby Anda.

Dengan mengikuti langkah-langkah di atas, Anda dapat menginstal GatsbyJS di Windows, macOS, dan Linux (Ubuntu). Selamat mencoba!