Dalam tutorial ini, kami akan menunjukkan kepada Anda cara menginstal Gatsby di Ubuntu 20.04 LTS. Bagi Anda yang belum tahu, Gatsby adalah generator situs statis bertenaga GraphQL berbasis React. Selama waktu pembuatan Gatsby mengambil semua data, membuat seluruh situs web menjadi file HTML, CSS, JS statis dengan data yang tersedia pada saat itu. Saat menghasilkan file statis, aplikasi Gatsby dapat digunakan di mana saja.
Artikel ini mengasumsikan Anda memiliki setidaknya pengetahuan dasar tentang Linux, tahu cara menggunakan shell, dan yang terpenting, Anda meng-host situs Anda di VPS Anda sendiri. Instalasi cukup sederhana dan mengasumsikan Anda sedang 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 di Ubuntu 20.04 (Focal Fossa). Anda dapat mengikuti instruksi yang sama untuk Ubuntu 18.04, 16.04, dan distribusi berbasis Debian lainnya seperti Linux Mint.
Prasyarat
- Server yang menjalankan salah satu sistem operasi berikut:Ubuntu 20.04, 18.04, dan distribusi berbasis Debian lainnya seperti Linux Mint atau OS dasar.
- Sebaiknya Anda menggunakan penginstalan OS baru untuk mencegah potensi masalah.
- Seorang
non-root sudo user
atau akses keroot user
. Kami merekomendasikan untuk bertindak sebagainon-root sudo user
, namun, karena Anda dapat membahayakan sistem jika tidak berhati-hati saat bertindak sebagai root.
Instal Gatsby di Ubuntu 20.04 LTS Focal Fossa
Langkah 1. Pertama, pastikan bahwa semua paket sistem Anda mutakhir dengan menjalankan apt
berikut perintah di terminal.
sudo apt update sudo apt upgrade sudo apt install build-essential
Langkah 2. Menginstal Node.js.
Sekarang tambahkan repositori Node.js ke sistem Anda:
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs
Sekarang periksa versi Node.js Anda untuk memastikannya berfungsi dengan:
nodejs -v
Dan periksa juga versi NPM:
npm -v
Langkah 3. Menginstal Gatsby di Ubuntu 20.04.
Gatsby CLI tersedia melalui npm. Jalankan perintah berikut untuk menginstal gatsby-cli:
npm install -g gatsby-cli
Periksa Gatsby terpasang dengan benar dengan:
gatsby -v
Langkah 4. Membangun Situs Gatsby Anda.
Sekarang buat situs uji Gatsby pertama Anda:
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
Perintah ini membuat direktori bernama hello-world dan mengunduh situs uji ke sana, Anda sekarang dapat menjalankan situs pemula dengan:
cd hello-world gatsby develop
Langkah 5. Mengakses Situs Gatsby.
Setelah sepenuhnya berhasil diinstal, situs Gatsby Anda sekarang berjalan di http://localhost:8000
dan seharusnya menampilkan Hello world!
Selamat! Anda telah berhasil menginstal Gatsby. Terima kasih telah menggunakan tutorial ini untuk menginstal Gatsby pada sistem Focal Fossa Ubuntu 20.04 LTS. Untuk bantuan tambahan atau informasi berguna, kami sarankan Anda memeriksa situs web resmi Gatsby .