{"id":10708,"date":"2021-10-05T08:06:06","date_gmt":"2021-10-05T08:06:06","guid":{"rendered":"https:\/\/linuxways.net\/?p=10708"},"modified":"2021-10-05T08:06:06","modified_gmt":"2021-10-05T08:06:06","slug":"how-to-install-gatsby-on-ubuntu-20-04","status":"publish","type":"post","link":"https:\/\/linuxways.net\/de\/ubuntu\/how-to-install-gatsby-on-ubuntu-20-04\/","title":{"rendered":"How to Install Gatsby on Ubuntu 20.04"},"content":{"rendered":"

Introduction<\/h2>\n

Gatsby is a super fast and fantastic node-based static site generator. It is a multipurpose generator and has powerful tools that skyrock a website. I am using Ubuntu 20.04 LTS, and I will show you how to install Gatsby on your Ubuntu system. All instructions are Ubuntu-specific. It is important not to use these commands on Debian as they will result in a system break due to different dependency requirements.<\/p>\n

Installing Gatsby<\/h2>\n

Step 1.<\/h3>\n

You must verify that your system is running up-to-date Node.js, NPM, and Git packages. Here is how to do it.<\/p>\n

$ node --version<\/strong><\/pre>\n
$ npm --version<\/strong><\/pre>\n
$ git --version<\/strong><\/pre>\n
<\/p>\n
Step 2.<\/h3>\n
If none of the above packages are installed on your system then you should first install them. Here is how you will do it:<\/p>\n
$ sudo apt install node<\/strong><\/pre>\n
$ sudo apt install npm<\/strong><\/pre>\n
$ sudo apt install git<\/strong><\/pre>\n
Check with your package manager if there is a need for any PPA.<\/p>\n
Step 3.<\/strong><\/p>\n
Next is to install Gatsby.js CLI.<\/p>\n
Unlike other packages which might be installed in a specific project directory. Gatsby will be installed globally only. A local or directory-specific node package can be installed without sudo<\/strong>, but a global package can only be installed using sudo<\/strong>.<\/p>\n
Let\u2019s do it:<\/strong><\/p>\n
$ sudo npm install -g gatsby-cli<\/strong><\/pre>\n
<\/p>\n
It took about six minutes to install a few hundred packages. Gatsby is pretty big regarding dependency requirements.<\/p>\n
Step 3.<\/h3>\n
Once Gatsby.js is installed, we are ready to start creating new static websites.<\/p>\n
First, you will need to create a new driectory.<\/p>\n
$ mkdir gatsbySite<\/strong><\/pre>\n
then change the directory as shown below:<\/p>\n
$ cd \/gatsbySite<\/strong>.<\/pre>\n
<\/p>\n
Step 4.<\/h3>\n
Now it is simple to create your first site, run the following command and you are good to go. Refer the screenshot:<\/p>\n
$ gatsby new<\/strong><\/pre>\n
<\/strong><\/p>\n
At this point, Gatsby will ask you a few questions like what\u2019s your site name, your specific folder name of your website, and some plugin details as shown below.<\/p>\n
<\/p>\n
You simply need to answer all of them and the site will be created.<\/p>\n
Step 5.<\/h3>\n
With the following command, you will initiate a local server that will show you your website locally.<\/p>\n
$ npm run develop<\/strong><\/pre>\n
Now you can access your local site on http:\/\/localhost:8000\/<\/p>\n
Conclusion<\/h2>\n
In this guide, we examined how to install Gatsby static site generators on Ubuntu 20.04. The above instructions are valid only for Ubuntu distribution. Now you have installed a super-fast static site generator on your Linux system. It will be a pleasure to learn about your installation experience. Have your say!<\/p>","protected":false},"excerpt":{"rendered":"
Introduction Gatsby is a super fast and fantastic node-based static site generator. It is a multipurpose generator and has powerful tools that skyrock a website. I am using…<\/p>","protected":false},"author":1,"featured_media":10920,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[582,100],"class_list":["post-10708","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ubuntu","tag-gatsby","tag-ubuntu-20-04"],"_links":{"self":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts\/10708","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/comments?post=10708"}],"version-history":[{"count":0,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/posts\/10708\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/media\/10920"}],"wp:attachment":[{"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/media?parent=10708"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/categories?post=10708"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linuxways.net\/de\/wp-json\/wp\/v2\/tags?post=10708"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}