Gatsby Ubuntuya Nasıl Kurulur 20.04
Gatsby'nin Ubuntu 20.04'e nasıl kurulacağını iyi açıklayın. Bu makale, yükleme işlemi ve varsayılan başlangıç Gatsby sitesini dağıtma konusunda size rehberlik edecektir.
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
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:
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/
Yapı
Bir Gatsby sitesinin kökünde uygulamanızı derleyin ve dağıtıma hazır hale getirin:
# gatsby build
Seçenekler
Bu kadar. Kurulum başarıyla tamamlandı.
Gatsby'nin Ubuntu 20.04'e nasıl kurulacağını iyi açıklayın. Bu makale, yükleme işlemi ve varsayılan başlangıç Gatsby sitesini dağıtma konusunda size rehberlik edecektir.
Ubuntu 20.04'te React'in nasıl kurulacağını iyi açıklayın. Bu makale, kurulum süreci ve React sitesini dağıtma konusunda size rehberlik edecektir. Açık kaynak kodludur
Ubuntu 20.04'te ExpressJS nasıl kurulur. Bu makale, Express ve Express Generator tarafından kurulum ve ilk uygulamayı oluşturma konusunda size rehberlik edecektir.
Bu makalede, Ubuntu 20.04'te Vue CLI'nin nasıl kurulacağını iyi açıklayın. Vue.js, açık kaynaklı bir ön uç JavaScript çerçevesidir. Merhaba dünya projesi oluşturun.