Cara Memasang Gatsby di Ubuntu 20.04

Dalam artikel ini, kami akan menerangkan cara memasang Gatsby pada Ubuntu 20.04.

Gatsby adalah rangka kerja sumber terbuka berasaskan React untuk membuat laman web dan aplikasi. Hebatnya sama ada anda membina laman web portfolio atau blog, atau kedai e-dagang atau laman web syarikat dengan trafik tinggi. Buat laman web dan aplikasi yang pantas dan manfaatkan kekuatan 2000+ pemalam. Bina laman web dengan perkhidmatan yang anda mahukan, seperti Shopify, Stripe, dan WordPress, dengan cepat dan mudah dengan pemalam 2000+ Gatsby. Mengintegrasikan data dari mana sahaja: API, pangkalan data, CMS, fail statik - atau pelbagai sumber sekaligus

Artikel ini akan membimbing anda dengan proses pemasangan dan menggunakan laman web Gatsby pemula lalai.

Prasyarat

• Pelayan khusus Ubuntu 20.04 yang dipasang atau VPS KVM.
• Pengguna root atau pengguna biasa dengan hak pentadbir sudo.

Pasang Gatsby di Ubuntu 20.04

Langkah 1 - Pastikan pelayan sentiasa dikemas kini

# apt update -y && apt upgrade -y

Langkah 2 - Pasang NodeJS dan NPM

Pasang keluaran stabil NodeJS terkini.

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

# apt-get install -y nodejs

Sahkan pemasangan berjaya.

# node -v && npm -v

Pengeluaran:

v15.9.0
7.5.4

Langkah 3 - Pasang gatsby-cli

Gatsby CLI ( gatsby-cli ) dibungkus sebagai alat yang boleh dilaksanakan yang boleh digunakan secara global. Gatsby CLI boleh didapati melalui npm . Jalankan arahan berikut untuk memasang gatsby-cli :

# npm install -g gatsby-cli

Sahkan pemasangan:

# gatsby --version

Pengeluaran:

# Gatsby CLI version: 2.19.1

Langkah 4 - Sebarkan laman web baru

Untuk menjana laman Gatsby baru, jalankan arahan berikut:

# gatsby new

Pengeluaran:

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 pilihan ini sebelum membuat laman Gatsby untuk anda. Pilih dan isi mengikut keperluan laman web anda. Ini akan membuat laman web dan direktori Gatsby di / root .

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

Membuat laman web dari permulaan

Untuk membuat laman web Gatsby yang bernama my-awesome-site menggunakan starter lalai, jalankan arahan berikut:

# gatsby new my-awesome-site

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

Lihat dokumen permulaan Gatsby untuk maklumat lebih lanjut.

Kembangkan

Setelah anda memasang laman Gatsby, pergi ke direktori root projek anda dan mulakan pelayan pembangunan menggunakan arahan berikut:

# cd my-awesome-site

# gatsby develop -H 0.0.0.0

Pilihan:

• -H, --host Tetapkan hos. Lalai ke localhost
• -p, --port Tetapkan port. Lalai ke env.PORT atau 8000
• -o, - buka Buka laman web dalam penyemak imbas (lalai) untuk anda
• -S, --https Gunakan HTTPS

Anda kini boleh melihat laman web saya yang hebat di penyemak imbas.

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

Membina

Di akar laman Gatsby, susun aplikasi anda dan siapkan untuk digunakan:

# gatsby build

Pilihan

• --prefix-path Membina laman web dengan jalur pautan yang diawali (set pathPrefix dalam konfigurasi anda)
• --tidak membina laman web tanpa uglify JS bundle (untuk penyahpepijatan)
• --Bangun laman web profil dengan profil reaksi. Lihat Prestasi Tapak Profil dengan React Profiler
• - open-tracing-config-file Tracer config file (OpenTracing serasi). Lihat Pengesanan Prestasi
• - Grafik jejak jejak (lihat di atas) setiap penyelesai grafik, mungkin mempunyai implikasi prestasi.
• --no-color, --no-colors Melumpuhkan output terminal berwarna

Itu sahaja. Pemasangan telah selesai dengan jayanya.