{"id":7790,"date":"2024-02-10T12:14:48","date_gmt":"2024-02-10T12:14:48","guid":{"rendered":"https:\/\/www.webhi.com\/how-to\/?p=7790"},"modified":"2024-02-10T12:14:49","modified_gmt":"2024-02-10T12:14:49","slug":"install-use-react-linux-guide","status":"publish","type":"post","link":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/","title":{"rendered":"Installing and using React on Linux: A Step-by-Step Guide"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1200\" height=\"675\" src=\"https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en.jpg\" alt=\"Install and use react on linux ubuntu debian and centos RHEL\" class=\"wp-image-7800\" srcset=\"https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en.jpg 1200w, https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en-300x169.jpg 300w, https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en-1024x576.jpg 1024w, https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en-768x432.jpg 768w, https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en-150x84.jpg 150w\" sizes=\"(max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<p><strong>React<\/strong> is a popular JavaScript library for building user interfaces, developed and maintained by Facebook. It allows you to create reusable UI components and manage the state of your application in a more efficient and organized manner compared to traditional web development techniques.<\/p>\n\n\n\n<p>In this guide, we will walk through the process of installing React on a Linux system, specifically Ubuntu 20.04\/22.04 or CentOS\/RHEL 7. We will cover the following steps:<\/p>\n\n\n\n<ol>\n<li>Installing Node.js and npm<\/li>\n\n\n\n<li>Creating a new React application<\/li>\n\n\n\n<li>Running the development server<\/li>\n\n\n\n<li>Building the application for production<\/li>\n\n\n\n<li>Serving the application with a web server<\/li>\n<\/ol>\n\n\n\n<p>Before we begin, it&#8217;s important to note that React is just a library for building user interfaces, and it is often used in conjunction with other tools and libraries to create a complete web application. For example, you might use React with a backend framework like Express.js or a state management library like Redux.<\/p>\n\n\n\n<p>However, for the purposes of this guide, we will focus on the basics of getting React up and running on your Linux system.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"prerequisites\">Prerequisites<\/h2>\n\n\n\n<p>Before we begin, you will need to have the following installed on your system:<\/p>\n\n\n\n<ul>\n<li>A terminal emulator (such as Gnome Terminal or Konsole)<\/li>\n\n\n\n<li>A text editor (such as Sublime Text, Atom, or Visual Studio Code)<\/li>\n\n\n\n<li>Git (optional, but recommended for managing your application&#8217;s code)<\/li>\n<\/ul>\n\n\n\n<p>You should also have a basic understanding of the Linux command line and be comfortable with commands such as&nbsp;<code>cd<\/code>,&nbsp;<code>ls<\/code>, and&nbsp;<code>mkdir<\/code>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installing-nodejs-and-npm\">Installing Node.js and npm<\/h2>\n\n\n\n<p>Node.js is a JavaScript runtime environment that allows you to run JavaScript code outside of a web browser. It is required for running React applications, as well as many other modern web development tools.<\/p>\n\n\n\n<p>npm (Node Package Manager) is a package manager for Node.js that allows you to easily install and manage third-party libraries and dependencies.<\/p>\n\n\n\n<p>To install Node.js and npm on Ubuntu 20.04, run the following commands:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ sudo apt update\n$ sudo apt install nodejs npm<\/code><\/pre>\n\n\n\n<p>On CentOS 7, you can install Node.js and npm using the following commands:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ sudo yum update\n$ sudo yum install nodejs npm<\/code><\/pre>\n\n\n\n<p>Once the installation is complete, you can verify that Node.js and npm are installed by checking their versions:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ node --version\nv18.19.0\n\n$ npm --version  \n10.2.3<\/code><\/pre>\n\n\n\n<p>Note that the exact versions may vary depending on when you are reading this guide.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"creating-a-new-react-application\">Creating a new React application<\/h2>\n\n\n\n<p>Now that we have Node.js and npm installed, we can create a new React application using the&nbsp;<code>create-react-app<\/code>&nbsp;tool. This is a command-line utility that sets up a new React project with a pre-configured build pipeline and development server.<\/p>\n\n\n\n<p>To create a new React application, open your terminal and navigate to the directory where you want to create your project. Then, run the following command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ npx create-react-app my-app<\/code><\/pre>\n\n\n\n<p>Replace&nbsp;<code>my-app<\/code>&nbsp;with the name of your project.<\/p>\n\n\n\n<p>This command will create a new directory called&nbsp;<code>my-app<\/code>&nbsp;and set up a basic React application inside it. The application is pre-configured with a development server, a build script, and a basic file structure.<\/p>\n\n\n\n<p>Once the command has finished running, you can navigate into your new project directory:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ cd my-app<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"running-the-development-server\">Running the development server<\/h2>\n\n\n\n<p>Now that your React application has been created, you can start the development server to see your app in action.<\/p>\n\n\n\n<p>To start the development server, run the following command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ npm start<\/code><\/pre>\n\n\n\n<p>This command will compile your application and start a local development server on&nbsp;<code>http:\/\/localhost:3000<\/code>. It will also automatically open your default web browser to this address.<\/p>\n\n\n\n<p>You should now see a default React page with the text &#8220;Edit src\/App.js and save to reload.&#8221; This is the default React application that is created by&nbsp;<code>create-react-app<\/code>.<\/p>\n\n\n\n<p>As you make changes to your application&#8217;s source files, the development server will automatically detect the changes and reload your application in the browser. This makes it very easy to iterate on your application&#8217;s design and functionality during development.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"building-the-application-for-production\">Building the application for production<\/h2>\n\n\n\n<p>When you are ready to deploy your React application, you will need to build a production-ready version of your application.<\/p>\n\n\n\n<p>To build your application for production, run the following command:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ npm run build<\/code><\/pre>\n\n\n\n<p>This command will compile your application and output a static version of your application in the&nbsp;<code>build<\/code>&nbsp;directory of your project.<\/p>\n\n\n\n<p>The&nbsp;<code>build<\/code>&nbsp;directory contains all the files necessary to serve your application on a web server, including:<\/p>\n\n\n\n<ul>\n<li><code>index.html<\/code>: The main HTML file that loads your application<\/li>\n\n\n\n<li><code>static\/<\/code>: A directory containing your application&#8217;s static assets (such as CSS and JavaScript files)<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"serving-the-application-with-a-web-server\">Serving the application with a web server<\/h2>\n\n\n\n<p>Now that you have a production-ready version of your application, you can serve it using a web server.<\/p>\n\n\n\n<p>There are many different web servers you can use to serve your React application, but for the purposes of this guide, we will use the&nbsp;<code>serve<\/code>&nbsp;package from npm.<\/p>\n\n\n\n<p>To install the&nbsp;<code>serve<\/code>&nbsp;package, run the following command in your terminal:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ npm install -g serve<\/code><\/pre>\n\n\n\n<p>The&nbsp;<code>-g<\/code>&nbsp;flag installs the package globally, so you can use the&nbsp;<code>serve<\/code>&nbsp;command from anywhere on your system.<\/p>\n\n\n\n<p>Once the package is installed, you can start the web server by running the following command in the root directory of your project:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ serve -s build<\/code><\/pre>\n\n\n\n<p>The&nbsp;<code>-s<\/code>&nbsp;flag specifies the directory to serve, which in this case is the&nbsp;<code>build<\/code>&nbsp;directory.<\/p>\n\n\n\n<p>This command will start a web server on&nbsp;<code>http:\/\/localhost:5000<\/code>&nbsp;by default. You can access your application by navigating to this address in your web browser.<\/p>\n\n\n\n<p>If you want to serve your application on a different port, you can specify the port number using the&nbsp;<code>-l<\/code>&nbsp;flag:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code lang=\"bash\" class=\"language-bash\">$ serve -s build -l 8080<\/code><\/pre>\n\n\n\n<p>This command will start the web server on&nbsp;<code>http:\/\/localhost:8080<\/code>.<\/p>\n\n\n\n<p>Note that this is just a basic web server for serving static files, and it may not be suitable for a production environment. For a more robust solution, you may want to consider using a dedicated web server such as Apache or Nginx.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusion<\/h2>\n\n\n\n<p>In this guide, we have covered the basics of installing React on a Linux system using Ubuntu 20.04 or CentOS 7. We have walked through the process of installing Node.js and npm, creating a new React application, running the development server, building the application for production, and serving the application with a web server.<\/p>\n\n\n\n<p>There are many more advanced topics you can explore as you continue to work with React, such as state management, routing, and testing. However, this guide should provide you with a solid foundation to get started with React development on your Linux system.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>React is a popular JavaScript library for building user interfaces, developed and maintained by Facebook. It allows you to create reusable UI components and manage the state of your application in a more efficient and organized manner compared to traditional web development techniques. In this guide, we will walk through the process of installing React ..<\/p>\n<div class=\"clear-fix\"><\/div>\n<p><a href=\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\" title=\"read more...\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[188,69],"tags":[],"yoast_head":"\n<title>Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations<\/title>\n<meta name=\"description\" content=\"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.\" \/>\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.webhi.com\/how-to\/install-use-react-linux-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations\" \/>\n<meta property=\"og:description\" content=\"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"WebHi Tutorials &amp; Documentations\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webhi.technology\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-10T12:14:48+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-10T12:14:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en.jpg\" \/>\n<meta name=\"author\" content=\"webhi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@WebHiTechnology\" \/>\n<meta name=\"twitter:site\" content=\"@WebHiTechnology\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"webhi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\"},\"author\":{\"name\":\"webhi\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/b31e76e2311cdc0bb90f5e2733059a54\"},\"headline\":\"Installing and using React on Linux: A Step-by-Step Guide\",\"datePublished\":\"2024-02-10T12:14:48+00:00\",\"dateModified\":\"2024-02-10T12:14:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\"},\"wordCount\":1054,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/#organization\"},\"articleSection\":[\"CMS &amp; Web development\",\"Linux system administration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\",\"url\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\",\"name\":\"Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations\",\"isPartOf\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/#website\"},\"datePublished\":\"2024-02-10T12:14:48+00:00\",\"dateModified\":\"2024-02-10T12:14:49+00:00\",\"description\":\"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webhi.com\/how-to\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Installing and using React on Linux: A Step-by-Step Guide\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#website\",\"url\":\"https:\/\/www.webhi.com\/how-to\/\",\"name\":\"WebHi Tutorials &amp; Documentations\",\"description\":\"System administration and knowledge base\",\"publisher\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webhi.com\/how-to\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#organization\",\"name\":\"WebHi Technology\",\"url\":\"https:\/\/www.webhi.com\/how-to\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webhi.com\/how-to\/gilrogre\/2022\/07\/logo.png\",\"contentUrl\":\"https:\/\/www.webhi.com\/how-to\/gilrogre\/2022\/07\/logo.png\",\"width\":288,\"height\":95,\"caption\":\"WebHi Technology\"},\"image\":{\"@id\":\"https:\/\/www.webhi.com\/how-to\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webhi.technology\",\"https:\/\/twitter.com\/WebHiTechnology\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/b31e76e2311cdc0bb90f5e2733059a54\",\"name\":\"webhi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.webhi.com\/how-to\/ahuphiph\/litespeed\/avatar\/e20da107d0f4c765ead2eef88ad019d8.jpg?ver=1784239260\",\"contentUrl\":\"https:\/\/www.webhi.com\/how-to\/ahuphiph\/litespeed\/avatar\/e20da107d0f4c765ead2eef88ad019d8.jpg?ver=1784239260\",\"caption\":\"webhi\"},\"sameAs\":[\"https:\/\/www.webhi.com\/how-to\"],\"url\":\"https:\/\/www.webhi.com\/how-to\/author\/webhi\/\"}]}<\/script>\n","yoast_head_json":{"title":"Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations","description":"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.","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.webhi.com\/how-to\/install-use-react-linux-guide\/","og_locale":"en_US","og_type":"article","og_title":"Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations","og_description":"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.","og_url":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/","og_site_name":"WebHi Tutorials &amp; Documentations","article_publisher":"https:\/\/www.facebook.com\/webhi.technology","article_published_time":"2024-02-10T12:14:48+00:00","article_modified_time":"2024-02-10T12:14:49+00:00","og_image":[{"url":"https:\/\/www.webhi.com\/how-to\/gilrogre\/2024\/02\/react_installation_en.jpg"}],"author":"webhi","twitter_card":"summary_large_image","twitter_creator":"@WebHiTechnology","twitter_site":"@WebHiTechnology","twitter_misc":{"Written by":"webhi","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#article","isPartOf":{"@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/"},"author":{"name":"webhi","@id":"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/b31e76e2311cdc0bb90f5e2733059a54"},"headline":"Installing and using React on Linux: A Step-by-Step Guide","datePublished":"2024-02-10T12:14:48+00:00","dateModified":"2024-02-10T12:14:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/"},"wordCount":1054,"commentCount":0,"publisher":{"@id":"https:\/\/www.webhi.com\/how-to\/#organization"},"articleSection":["CMS &amp; Web development","Linux system administration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/","url":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/","name":"Installing and using React on Linux: A Step-by-Step Guide - WebHi Tutorials &amp; Documentations","isPartOf":{"@id":"https:\/\/www.webhi.com\/how-to\/#website"},"datePublished":"2024-02-10T12:14:48+00:00","dateModified":"2024-02-10T12:14:49+00:00","description":"Discover the seamless process of installing and utilizing React on Linux with our comprehensive step-by-step guide. Learn how to set up React applications effortlessly, from installation to production, empowering your web development journey.","breadcrumb":{"@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.webhi.com\/how-to\/install-use-react-linux-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webhi.com\/how-to\/"},{"@type":"ListItem","position":2,"name":"Installing and using React on Linux: A Step-by-Step Guide"}]},{"@type":"WebSite","@id":"https:\/\/www.webhi.com\/how-to\/#website","url":"https:\/\/www.webhi.com\/how-to\/","name":"WebHi Tutorials &amp; Documentations","description":"System administration and knowledge base","publisher":{"@id":"https:\/\/www.webhi.com\/how-to\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webhi.com\/how-to\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webhi.com\/how-to\/#organization","name":"WebHi Technology","url":"https:\/\/www.webhi.com\/how-to\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhi.com\/how-to\/#\/schema\/logo\/image\/","url":"https:\/\/www.webhi.com\/how-to\/gilrogre\/2022\/07\/logo.png","contentUrl":"https:\/\/www.webhi.com\/how-to\/gilrogre\/2022\/07\/logo.png","width":288,"height":95,"caption":"WebHi Technology"},"image":{"@id":"https:\/\/www.webhi.com\/how-to\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webhi.technology","https:\/\/twitter.com\/WebHiTechnology"]},{"@type":"Person","@id":"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/b31e76e2311cdc0bb90f5e2733059a54","name":"webhi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webhi.com\/how-to\/#\/schema\/person\/image\/","url":"https:\/\/www.webhi.com\/how-to\/ahuphiph\/litespeed\/avatar\/e20da107d0f4c765ead2eef88ad019d8.jpg?ver=1784239260","contentUrl":"https:\/\/www.webhi.com\/how-to\/ahuphiph\/litespeed\/avatar\/e20da107d0f4c765ead2eef88ad019d8.jpg?ver=1784239260","caption":"webhi"},"sameAs":["https:\/\/www.webhi.com\/how-to"],"url":"https:\/\/www.webhi.com\/how-to\/author\/webhi\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/posts\/7790"}],"collection":[{"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/comments?post=7790"}],"version-history":[{"count":5,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/posts\/7790\/revisions"}],"predecessor-version":[{"id":7811,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/posts\/7790\/revisions\/7811"}],"wp:attachment":[{"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/media?parent=7790"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/categories?post=7790"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webhi.com\/how-to\/wp-json\/wp\/v2\/tags?post=7790"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}