Gatsby Ubuntuya Nasıl Kurulur 20.04

Gatsby Ubuntuya Nasıl Kurulur 20.04

Bu yazımızda Gatsby'nin Ubuntu 20.04 üzerine nasıl kurulacağını anlatacağız.

Gatsby, web siteleri ve uygulamalar oluşturmak için React tabanlı bir açık kaynaklı çerçevedir. Bir portföy sitesi veya blog veya yüksek trafikli bir e-ticaret mağazası veya şirket ana sayfası oluşturmanız harika. Çarpıcı hızlı web siteleri ve uygulamalar oluşturun VE 2000'den fazla eklentinin gücünden yararlanın. Gatsby'nin 2000'den fazla eklentisiyle Shopify, Stripe ve WordPress gibi istediğiniz hizmetlerle hızlı ve kolay bir şekilde siteler oluşturun. Verileri herhangi bir yerden entegre edin: API'ler, veritabanları, CMS'ler, statik dosyalar veya aynı anda birden çok kaynak

Bu makale, yükleme işlemi ve varsayılan başlangıç ​​Gatsby sitesini dağıtma konusunda size rehberlik edecektir.

Önkoşullar

  • Bir Ubuntu 20.04 kurulu adanmış sunucu veya KVM VPS.
  • Sudo yönetici ayrıcalıklarına sahip bir kök kullanıcı veya normal kullanıcı.

Gatsby'yi Ubuntu 20.04'e yükleyin

Adım 1 - Sunucuyu güncel tutun

# apt update -y && apt upgrade -y

Adım 2 - NodeJS ve NPM'yi yükleyin

NodeJS'nin en son kararlı sürümünü yükleyin.

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

# apt-get install -y nodejs

Kurulumun başarılı olduğunu doğrulayın.

# node -v && npm -v

Çıktı:

v15.9.0
7.5.4

3. Adım - gatsby-cli'yi kurun

Gatsby CLI ( gatsby-cli ), küresel olarak kullanılabilen bir yürütülebilir dosya olarak paketlenmiştir. Gatsby CLI, npm aracılığıyla kullanılabilir . gatsby-cli'yi yüklemek için aşağıdaki komutu çalıştırın :

# npm install -g gatsby-cli

Kurulumu doğrulayın:

# gatsby --version

Çıktı:

# Gatsby CLI version: 2.19.1

4. Adım - Yeni siteyi dağıtın

Yeni Gatsby sitesi oluşturmak için aşağıdaki komutu çalıştırın:

# gatsby new

Çıktı:

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, sizin için bir Gatsby sitesi oluşturmadan önce bu seçenekleri soran etkileşimli bir kabuk çalıştıracaktır. Web sitenizin gereksinimlerine göre seçin ve doldurun. /root içinde bir Gatsby sitesi ve dizini oluşturacaktır .

https://www.gatsbyjs.com/docs/gatsby-cli/ adresindeki tüm komutlara bakın.

Bir başlatıcıdan bir site oluşturma

Varsayılan başlatıcıyı kullanarak my-awesome- site adlı bir Gatsby sitesi oluşturmak için aşağıdaki komutu çalıştırın:

# gatsby new my-awesome-site

Yukarıdaki komut, /root içinde harika bir sitem dizini oluşturacaktır .

Daha fazla ayrıntı için Gatsby başlangıç ​​belgelerine bakın.

Geliştirmek

Bir Gatsby sitesi kurduktan sonra projenizin kök dizinine gidin ve aşağıdaki komutu kullanarak geliştirme sunucusunu başlatın:

# cd my-awesome-site

# gatsby develop -H 0.0.0.0

Seçenekler:

  • -H, --host Ana bilgisayarı ayarla. Localhost için varsayılanlar
  • -p, --port Bağlantı noktası ayarlayın. Varsayılan olarak env.PORT veya 8000
  • -o, --open Siteyi (varsayılan) tarayıcınızda sizin için açın
  • -S, --https HTTPS Kullan

Artık benim-harika-sitemi tarayıcıda görüntüleyebilirsiniz.

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

Gatsby Ubuntu'ya Nasıl Kurulur 20.04

Yapı

Bir Gatsby sitesinin kökünde uygulamanızı derleyin ve dağıtıma hazır hale getirin:

# gatsby build

Seçenekler

  • --prefix-paths Bağlantı yolları önceden eklenmiş olarak site oluşturun (yapılandırmanızda pathPrefix'i ayarlayın)
  • --no-uglify JS paketlerini çirkinleştirmeden site oluşturun (hata ayıklama için)
  • --profile Tepki profili oluşturma ile site oluşturun. React Profiler ile Profil Oluşturma Site Performansına Bakın
  • --open-tracing-config-file Tracer yapılandırma dosyası (OpenTracing uyumlu). Performans İzlemeye Bakın
  • --graphql-tracing İzleme (yukarıya bakın) her graphql çözümleyicinin performansla ilgili sonuçları olabilir.
  • --no-color, --no-colors Renkli terminal çıkışını devre dışı bırakır

Bu kadar. Kurulum başarıyla tamamlandı.