Cara Menginstal Kerangka Node Gatsby.js di Ubuntu 22.04 LTS

Dalam tutorial ini, kami akan menunjukkan cara menginstal Gatsby.js Node Framework di Ubuntu 22.04 LTS. Bagi Anda yang belum tahu, Gatsby adalah generator situs statis waktu pembangunan berbasis React yang menggunakan Webpack dan GraphQL. Anda dapat mengintegrasikan berbagai konten, API, dan layanan dengan mulus ke dalam satu pengalaman web secara real time.

Artikel ini mengasumsikan Anda memiliki setidaknya pengetahuan dasar tentang Linux, tahu cara menggunakan shell, dan yang paling penting, Anda meng-host situs Anda di VPS Anda sendiri. Instalasi cukup sederhana dan mengasumsikan Anda berjalan di akun root, jika tidak, Anda mungkin perlu menambahkan ‘sudo‘ ke perintah untuk mendapatkan hak akses root. Saya akan menunjukkan kepada Anda langkah demi langkah instalasi Gatsby.js Node Framework di Ubuntu 22.04 (Jammy Jellyfish). Anda dapat mengikuti instruksi yang sama untuk Ubuntu 22.04 dan distribusi berbasis Debian lainnya seperti Linux Mint, Elementary OS, Pop!_OS, dan banyak lagi.

Prasyarat

• Server yang menjalankan salah satu sistem operasi berikut: Ubuntu 22.04, 20.04, dan distribusi berbasis Debian lainnya seperti Linux Mint.
• Disarankan agar Anda menggunakan instalasi OS baru untuk mencegah potensi masalah apa pun.
• Akses SSH ke server (atau cukup buka Terminal jika Anda menggunakan desktop).
• SEBUAH non-root sudo useratau akses ke root user. Kami merekomendasikan bertindak sebagai non-root sudo usernamun, karena Anda dapat membahayakan sistem Anda jika Anda tidak berhati-hati saat bertindak sebagai root.

Instal Gatsby.js Node Framework di Ubuntu 22.04 LTS Jammy Jellyfish

Langkah 1. Pertama, pastikan semua paket sistem Anda mutakhir dengan menjalankan yang berikut: apt perintah di terminal.

sudo apt update
sudo apt upgrade
sudo apt install wget apt-transport-https gnupg2 software-properties-common

Langkah 2. Menginstal Node.js di Ubuntu 22.04.

• Instal Node.js dari Repositori NodeSource.

Secara default, Node.js tidak tersedia di repositori dasar Ubuntu 22.04. Sekarang jalankan perintah berikut di bawah ini untuk menambahkan repositori NodeSource ke sistem Ubuntu Anda:

wget -qO-  | sudo -E bash

Setelah menambahkan repositori NodeSource ke sistem Anda, instal Node.js menggunakan manajer paket Apt:

sudo apt install nodejs

• Instal Node.js menggunakan NVM.

Sekarang gunakan skrip bash untuk menginstal NVM di sistem Ubuntu Anda:

wget -qO-  | bash

Selanjutnya, tutup dan buka kembali terminal Anda atau jalankan perintah berikut untuk memuat nvm ke sesi Anda saat ini:

source $HOME/.bashrc

Menggunakan NVM, Anda dapat memeriksa versi Node.js mana yang saat ini tersedia:

nvm install --lts
nvm install node

Konfirmasikan versi LTS terbaru telah diinstal dan jalankan perintah:

node -v

Selain itu, Anda dapat memeriksa versi NPM menggunakan perintah berikut di bawah ini:

npm -v

Untuk sumber daya tambahan tentang menginstal dan mengelola Node.js, baca posting di bawah ini:

Langkah 3. Menginstal Samba di Ubuntu 22.04.

Sekarang jalankan perintah berikut di bawah ini untuk menginstal versi terbaru Gatsby.js ke sistem Ubuntu Anda:

npm -g install gatsby-cli

Untuk mengetahui versi Gatsby CLI yang terinstal, jalankan perintah di bawah ini:

gatsby --version

Langkah 4. Buat Situs Contoh dengan Gatsby.js

Sekarang buat aplikasi/proyek pertama menggunakan Gatsby. Jalankan perintah gatsby di bawah ini untuk membuat proyek baru pertama Gatsby:

gatsby new

Saat diminta, jawab dan lengkapi detail berikut:

What would you like to call your site?

✔ · myapp
What would you like to name the folder where your site will be created?
✔ godet/ myapp
✔ Will you be using JavaScript or TypeScript?
·JavaScript
✔ Will you be using a CMS?
· No (or I'll add it later)
✔ Would you like to install a styling system?
Thanks! Here's what we'll now do:
 Create a new Gatsby site in the folder myapp
✔ Created site from template
✔ Installed Gatsby
✔ Installed plugins
✔ Created site in myapp

Selanjutnya, ubah direktori kerja menjadi “myapp” dan jalankan server pengembangan gatsby menggunakan perintah di bawah ini:

cd myapp/
gatsby develop -H 127.0.0.1

Setelah selesai, Anda harus membuka browser web Anda dan mengunjungi alamat proyek Gatsby Anda (mis http://your-IP-address:8000/).

Selamat! Anda telah berhasil menginstal Gatsby.js. Terima kasih telah menggunakan tutorial ini untuk menginstal Gatsby.js Node Framework pada sistem Ubuntu 22.04 LTS Jammy Jellyfish. Untuk bantuan tambahan atau informasi berguna, kami sarankan Anda memeriksa situs web resmi Gatsby.js.