Cara Menginstal Gatsby di Ubuntu 20.04

Pada artikel ini, kami akan menjelaskan cara menginstal Gatsby di Ubuntu 20.04.

Gatsby adalah kerangka kerja open-source berbasis React untuk membuat situs web dan aplikasi. Sangat bagus apakah Anda sedang membangun situs portofolio atau blog, atau toko e-niaga dengan lalu lintas tinggi atau beranda perusahaan. Buat situs web dan aplikasi yang sangat cepat DAN manfaatkan kekuatan 2000+ plugin. Bangun situs dengan layanan yang Anda inginkan, seperti Shopify, Stripe, dan WordPress, dengan cepat dan mudah dengan plugin Gatsby 2000+. Integrasikan data dari mana saja: API, database, CMS, file statis — atau beberapa sumber sekaligus

Artikel ini akan memandu Anda dengan proses instalasi dan penerapan situs Gatsby starter default.

Prasyarat

• Ubuntu 20.04 menginstal dedicated server atau KVM VPS.
• Pengguna root atau pengguna normal dengan hak administrator sudo.

Instal Gatsby di Ubuntu 20.04

Langkah 1 - Tetap perbarui server

# apt update -y && apt upgrade -y

Langkah 2 - Instal NodeJS dan NPM

Instal rilis stabil terbaru dari NodeJS.

# curl -sL https://deb.nodesource.com/setup_15.x | sudo -E bash -

# apt-get install -y nodejs

Pastikan instalasi berhasil.

# node -v && npm -v

Keluaran:

v15.9.0
7.5.4

Langkah 3 - Instal gatsby-cli

Gatsby CLI ( gatsby-cli ) dikemas sebagai executable yang dapat digunakan secara global. Gatsby CLI tersedia melalui npm . Jalankan perintah berikut untuk menginstal gatsby-cli :

# npm install -g gatsby-cli

Verifikasi instalasi:

# gatsby --version

Keluaran:

# Gatsby CLI version: 2.19.1

Langkah 4 - Terapkan situs baru

Untuk membuat situs Gatsby baru, jalankan perintah berikut:

# gatsby new

Keluaran:

create-gatsby version 0.5.1

Welcome to Gatsby!

This command will generate a new Gatsby site for you in /root with the setup you select. Let’s answer some
questions:

What would you like to call your site?
· My Gatsby Site

CLI akan menjalankan shell interaktif yang meminta opsi ini sebelum membuat situs Gatsby untuk Anda. Pilih dan isi sesuai kebutuhan situs web Anda. Ini akan membuat situs dan direktori Gatsby di /root .

Lihat semua perintah di https://www.gatsbyjs.com/docs/gatsby-cli/

Membuat situs dari awal

Untuk Membuat situs Gatsby bernama situs -saya-mengagumkan menggunakan starter default, jalankan perintah berikut:

# gatsby new my-awesome-site

Perintah di atas akan membuat direktori my-awesome-site di /root .

Lihat dokumen pemula Gatsby untuk detail lebih lanjut.

Mengembangkan

Setelah Anda menginstal situs Gatsby, buka direktori root proyek Anda dan mulai server pengembangan menggunakan perintah berikut:

# cd my-awesome-site

# gatsby develop -H 0.0.0.0

Pilihan:

• -H, --host Setel host. Default ke localhost
• -p, --port Setel port. Default ke env.PORT atau 8000
• -o, --open Buka situs di browser (default) Anda untuk Anda
• -S, --https Gunakan HTTPS

Anda sekarang dapat melihat situs-saya-mengagumkan di browser.

Local: http://localhost:8000/
On Your Network: http://192.168.0.102:8000/

Membangun

Di akar situs Gatsby, kompilasi aplikasi Anda dan siapkan untuk penerapan:

# gatsby build

Pilihan

• --prefix-paths Bangun situs dengan awalan jalur tautan (atur pathPrefix di konfigurasi Anda)
• --no-uglify Membangun situs tanpa merusak bundel JS (untuk debugging)
• --profile Bangun situs dengan profil reaksi. Lihat Membuat Profil Kinerja Situs dengan React Profiler
• --open-tracing-config-file File konfigurasi Tracer (kompatibel dengan OpenTracing). Lihat Pelacakan Kinerja
• --graphql-tracing Trace (lihat di atas) setiap resolver graphql, mungkin memiliki implikasi kinerja.
• --no-color, --no-colors Menonaktifkan keluaran terminal berwarna

Itu dia. Instalasi telah berhasil diselesaikan.