Gatsby adalah framework open-source berbasis React yang super cepat dan fantastis untuk membuat situs web dan aplikasi.
Di sini, di LinuxAPT, sebagai bagian dari Layanan Manajemen Server kami, kami secara teratur membantu Pelanggan kami untuk melakukan kueri pengembangan Situs Web terkait menggunakan Perangkat Lunak Gatsby.
Dalam konteks ini, kita akan melihat cara menginstal Gatsby di Ubuntu 20.04 LTS Anda.
Langkah-langkah untuk menginstal Gatsby di Ubuntu
Agar berhasil menginstal Gatsby, Anda harus mengikuti langkah-langkah di bawah ini.
1. Perbarui sistem
Sebelum melakukan Instalasi Perangkat Lunak, selalu disarankan untuk memperbarui sistem. Jadi untuk melakukan ini, cukup jalankan perintah di bawah ini:
$ sudo apt update
2. Periksa Node , NPM dan versi Git
Di sini, Anda harus memverifikasi bahwa sistem Anda menjalankan paket Node.js, NPM, dan Git terbaru. Berikut adalah cara melakukannya dengan perintah di bawah ini:
$ node --version
$ npm --version
$ git --version
Jika tidak ada paket di atas yang diinstal pada sistem Anda, maka Anda harus menginstalnya terlebih dahulu. Gunakan perintah di bawah ini:
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Instal Gatsby.js CLI
Tidak seperti paket lain yang mungkin dipasang di direktori proyek tertentu. Gatsby hanya akan diinstal secara global. Paket node lokal atau khusus direktori dapat diinstal tanpa sudo, tetapi paket global hanya dapat diinstal menggunakan sudo.
Sekarang jalankan perintah di bawah ini:
$ sudo npm install -g gatsby-cli
Bagaimana cara membuat website statis baru dengan Gatsby ?
Setelah Gatsby.js terinstal, kami siap untuk mulai membuat situs web statis baru.
Mulailah dengan membuat direktori baru dengan perintah di bawah ini:
$ mkdir gatsbySite
Kemudian ubah direktori dengan perintah di bawah ini:
$ cd /gatsbySite
Sekarang untuk membuat situs pertama Anda, cukup jalankan perintah berikut dan Anda siap melakukannya:
$ gatsby new
Di sini, Gatsby akan menanyakan beberapa pertanyaan seperti apa nama situs Anda, nama folder spesifik situs web Anda, dan beberapa detail plugin.
Setelah menjawab semuanya, situs Anda akan dibuat.
Untuk memulai server lokal yang akan menampilkan situs web Anda secara lokal, cukup jalankan perintah:
$ npm run develop
Sekarang Anda dapat mengakses situs lokal Anda di http://localhost:8000/.