{"id":1870,"date":"2023-09-30T12:30:00","date_gmt":"2023-09-30T17:30:00","guid":{"rendered":"https:\/\/www.linuxcloudvps.com\/blog\/?p=1870"},"modified":"2023-09-13T14:16:06","modified_gmt":"2023-09-13T19:16:06","slug":"how-to-install-gatsby-on-ubuntu-22-04","status":"publish","type":"post","link":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/","title":{"rendered":"How to Install Gatsby on Ubuntu 22.04"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Gatsby is an open-source static generator built on Node.js using React and GraphQL. With Gatsby, one can build fast and modern applications and websites with React. <\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">It provides a bunch of plugins for static sites based on sources such as markdown documents, images, and <a href=\"https:\/\/www.linuxcloudvps.com\/blog\/top-wordpress-alternatives\/\" title=\"\">content management systems<\/a> such as WordPress, Drupal, and many more.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Installing Gatsby is a straightforward process that may take up to 15 minutes. Let&#8217;s get things done!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Prerequisites<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>A server with Ubuntu 22.04 as OS<\/li>\n\n\n\n<li>User privileges: root or non-root user with sudo privileges<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Step 1. Update the System<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Fresh installation of Ubuntu 22.04 needs the packages to be updated to the latest versions available.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt-get update -y &amp;&amp; sudo apt-get upgrade -y<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 2.Install Nodejs and NPM<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">By default, the nodejs packets are added to the default repository of Ubuntu 22.04. This is the easiest and fastest way to <a href=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-node-js-on-almalinux\/\" title=\"\">install Node.js<\/a>, but that is not the latest version, so that we will use another method.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We will install Nodejs with the NodeSource repository. First, we need to add the repository with the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">curl -fsSL https:\/\/deb.nodesource.com\/setup_18.x | sudo -E bash -<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once added, you should receive the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">## Run `sudo apt-get install -y nodejs` to install Node.js 18.x and npm\n## You may also need development tools to build native addons:\n     sudo apt-get install gcc g++ make\n## To install the Yarn package manager, run:\n     curl -sL https:\/\/dl.yarnpkg.com\/debian\/pubkey.gpg | gpg --dearmor | sudo tee \/usr\/share\/keyrings\/yarnkey.gpg &gt;\/dev\/null\n     echo \"deb [signed-by=\/usr\/share\/keyrings\/yarnkey.gpg] https:\/\/dl.yarnpkg.com\/debian stable main\" | sudo tee \/etc\/apt\/sources.list.d\/yarn.list\n     sudo apt-get update &amp;&amp; sudo apt-get install yarn\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Update the system and execute the install command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">sudo apt-get update -y\n\nsudo apt-get install nodejs -y\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once installed, check the installed Nodejs version with the <strong>node -v<\/strong> command.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# node -v\nv18.17.0<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Automatically with the installation of the NodeJS, NPM is installed as well. To check the installed NPM version, execute the command: <strong>npm -v<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# npm -v\n9.6.7<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 3. Install Gatsby Client<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Gatsby-CLI is a command starter for <a href=\"https:\/\/www.gatsbyjs.com\/\" title=\"\">Gatsby applications<\/a>. It is used for creating Gatsby projects, starting a development server, building the application for the production server etc.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To install Gatsby-CLI execute the following command:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">npm -g install gatsby-cli<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once the installation is completed, check the Gatsby version with <strong>gatsby &#8211;version<\/strong> command<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">root@host:~# gatsby --version\n\u2554\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2557\n\u2551                                                                        \u2551\n\u2551   Gatsby collects anonymous usage analytics                            \u2551\n\u2551   to help improve Gatsby for all users.                                \u2551\n\u2551                                                                        \u2551\n\u2551   If you'd like to opt-out, you can use `gatsby telemetry --disable`   \u2551\n\u2551   To learn more, checkout https:\/\/gatsby.dev\/telemetry                 \u2551\n\u2551                                                                        \u2551\n\u255a\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u255d\nGatsby CLI version: 5.11.0<\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Step 4. Create Gatsby Project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Now, when Gatsby-ClI is installed, we can easily create an empty project:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">gatsby new<\/pre>\n\n\n\n<pre class=\"wp-block-preformatted\">What would you like to call your site?\n&amp;#x2714; \u00b7 &amp;lt;strong&amp;gt;My Gatsby Website&amp;lt;\/strong&amp;gt;\nWhat would you like to name the folder where your site will be created?\n&amp;#x2714; root\/ &amp;lt;strong&amp;gt;my-gatsby-website&amp;lt;\/strong&amp;gt;\n&amp;#x2714; Will you be using JavaScript or TypeScript?\n\u00b7 &amp;lt;strong&amp;gt;JavaScript&amp;lt;\/strong&amp;gt;\n&amp;#x2714; Will you be using a CMS?\n\u00b7 &amp;lt;strong&amp;gt;No (or I&amp;#039;ll add it later)&amp;lt;\/strong&amp;gt;\n&amp;#x2714; Would you like to install a styling system?\n\u00b7 &amp;lt;strong&amp;gt;Tailwind CSS&amp;lt;\/strong&amp;gt;\n\n\nThanks! Here&amp;#039;s what we&amp;#039;ll now do:\n\n    Create a new Gatsby site in the folder my-gatsby-website\n    Get you set up to use Tailwind CSS for styling your site\n\n\n? Shall we do this? (Y\/n) \u2023 &amp;lt;strong&amp;gt;Yes&amp;lt;\/strong&amp;gt;\n Created site from template\n\u25b8 Installing Gatsby...\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once done, you will receive the following output:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">&amp;#x2714; Created site from template\n&amp;#x2714; Installed Gatsby\n&amp;#x2714; Installed plugins\n&amp;#x2714; Created site in my-gatsby-website\n Setting-up plugins...\n\ninfo Adding gatsby-plugin-postcss\ninfo Installed gatsby-plugin-postcss in gatsby-config\nsuccess Adding gatsby-plugin-postcss to gatsby-config - 0.283s\n Adding necessary styling files...\n Your new Gatsby site My Gatsby Website has been successfully created\nat \/root\/my-gatsby-website.\nStart by going to the directory with\n\n  cd my-gatsby-website\n\nStart the local development server with\n\n  npm run develop\n\nSee all commands at\n\n  https:\/\/www.gatsbyjs.com\/docs\/reference\/gatsby-cli\/\n<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Now, we can go into the website directory as explained above and start the development server:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">cd my-gatsby-website\n\ngatsby develop -H &lt;strong&gt;YourIPAddressHere&lt;\/strong&gt;<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Once done, you can access your Gatsby application on port 8000 at <strong>http:\/\/YourServerIPaddress:8000<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"625\" height=\"439\" src=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/09\/gatsby-site-finished.webp\" alt=\"\" class=\"wp-image-2001\" srcset=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/09\/gatsby-site-finished.webp 625w, https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/09\/gatsby-site-finished-427x300.webp 427w\" sizes=\"(max-width: 625px) 100vw, 625px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We hope that today&#8217;s guide has made it easier for you to install Gatsby on Ubuntu 22.04. Now, we&#8217;d like to hear your feedback. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Do you feel like we&#8217;ve missed something, or is there a part of the process that you&#8217;d like us to elaborate on? Are there other subjects or tutorials you&#8217;re interested in that we should feature? <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Don&#8217;t hesitate to let us know your thoughts in the comments section below.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on Node.js using React and GraphQL. With Gatsby, one can build fast and modern applications and websites with React.<\/p>\n","protected":false},"author":2,"featured_media":1872,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[274,13,208],"tags":[284,47],"class_list":["post-1870","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-open-source","category-tutorials","category-ubuntu","tag-gatsby","tag-ubuntu"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog<\/title>\n<meta name=\"description\" content=\"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/\" \/>\n<meta property=\"og:site_name\" content=\"LinuxCloudVPS Blog\" \/>\n<meta property=\"article:publisher\" content=\"http:\/\/www.facebook.com\/LinuxCloudVPS\" \/>\n<meta property=\"article:published_time\" content=\"2023-09-30T17:30:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"742\" \/>\n\t<meta property=\"og:image:height\" content=\"372\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@LinuxCloudVPS\" \/>\n<meta name=\"twitter:site\" content=\"@LinuxCloudVPS\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#\\\/schema\\\/person\\\/ed907227ee7d151c617e6d0fe74f531a\"},\"headline\":\"How to Install Gatsby on Ubuntu 22.04\",\"datePublished\":\"2023-09-30T17:30:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/\"},\"wordCount\":424,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/how-to-install-gatsby-on-ubuntu-22-04.webp\",\"keywords\":[\"gatsby\",\"ubuntu\"],\"articleSection\":[\"open-source\",\"Tutorials\",\"Ubuntu\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/\",\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/\",\"name\":\"How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/how-to-install-gatsby-on-ubuntu-22-04.webp\",\"datePublished\":\"2023-09-30T17:30:00+00:00\",\"description\":\"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/how-to-install-gatsby-on-ubuntu-22-04.webp\",\"contentUrl\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/how-to-install-gatsby-on-ubuntu-22-04.webp\",\"width\":742,\"height\":372,\"caption\":\"how to install gatsby on ubuntu 22.04\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/how-to-install-gatsby-on-ubuntu-22-04\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Install Gatsby on Ubuntu 22.04\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/\",\"name\":\"LinuxCloudVPS\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#organization\",\"name\":\"LinuxCloudVPS\",\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/logo.png\",\"contentUrl\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/08\\\/logo.png\",\"width\":217,\"height\":25,\"caption\":\"LinuxCloudVPS\"},\"image\":{\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"http:\\\/\\\/www.facebook.com\\\/LinuxCloudVPS\",\"https:\\\/\\\/x.com\\\/LinuxCloudVPS\",\"http:\\\/\\\/www.linkedin.com\\\/company\\\/linuxcloudvps-com\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/#\\\/schema\\\/person\\\/ed907227ee7d151c617e6d0fe74f531a\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"http:\\\/\\\/www.linuxcloudvps.com\\\/\"],\"url\":\"https:\\\/\\\/www.linuxcloudvps.com\\\/blog\\\/author\\\/r0s3admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog","description":"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/","og_locale":"en_US","og_type":"article","og_title":"How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog","og_description":"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on","og_url":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/","og_site_name":"LinuxCloudVPS Blog","article_publisher":"http:\/\/www.facebook.com\/LinuxCloudVPS","article_published_time":"2023-09-30T17:30:00+00:00","og_image":[{"width":742,"height":372,"url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp","type":"image\/webp"}],"author":"admin","twitter_card":"summary_large_image","twitter_creator":"@LinuxCloudVPS","twitter_site":"@LinuxCloudVPS","twitter_misc":{"Written by":"admin","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#article","isPartOf":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/"},"author":{"name":"admin","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a"},"headline":"How to Install Gatsby on Ubuntu 22.04","datePublished":"2023-09-30T17:30:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/"},"wordCount":424,"commentCount":0,"publisher":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp","keywords":["gatsby","ubuntu"],"articleSection":["open-source","Tutorials","Ubuntu"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/","url":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/","name":"How to Install Gatsby on Ubuntu 22.04 | LinuxCloudVPS Blog","isPartOf":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#primaryimage"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#primaryimage"},"thumbnailUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp","datePublished":"2023-09-30T17:30:00+00:00","description":"In this tutorial, we are going to explain in step-by-step detail how to install Gatsby on Ubuntu 22.04 Gatsby is an open-source static generator built on","breadcrumb":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#primaryimage","url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp","contentUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/how-to-install-gatsby-on-ubuntu-22-04.webp","width":742,"height":372,"caption":"how to install gatsby on ubuntu 22.04"},{"@type":"BreadcrumbList","@id":"https:\/\/www.linuxcloudvps.com\/blog\/how-to-install-gatsby-on-ubuntu-22-04\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.linuxcloudvps.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Install Gatsby on Ubuntu 22.04"}]},{"@type":"WebSite","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#website","url":"https:\/\/www.linuxcloudvps.com\/blog\/","name":"LinuxCloudVPS","description":"","publisher":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.linuxcloudvps.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#organization","name":"LinuxCloudVPS","url":"https:\/\/www.linuxcloudvps.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png","contentUrl":"https:\/\/www.linuxcloudvps.com\/blog\/wp-content\/uploads\/2023\/08\/logo.png","width":217,"height":25,"caption":"LinuxCloudVPS"},"image":{"@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["http:\/\/www.facebook.com\/LinuxCloudVPS","https:\/\/x.com\/LinuxCloudVPS","http:\/\/www.linkedin.com\/company\/linuxcloudvps-com"]},{"@type":"Person","@id":"https:\/\/www.linuxcloudvps.com\/blog\/#\/schema\/person\/ed907227ee7d151c617e6d0fe74f531a","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&d=mm&r=g","caption":"admin"},"sameAs":["http:\/\/www.linuxcloudvps.com\/"],"url":"https:\/\/www.linuxcloudvps.com\/blog\/author\/r0s3admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1870","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/comments?post=1870"}],"version-history":[{"count":4,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1870\/revisions"}],"predecessor-version":[{"id":2005,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/posts\/1870\/revisions\/2005"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/media\/1872"}],"wp:attachment":[{"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/media?parent=1870"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/categories?post=1870"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.linuxcloudvps.com\/blog\/wp-json\/wp\/v2\/tags?post=1870"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}