{"id":5275,"date":"2024-12-28T13:53:24","date_gmt":"2024-12-28T06:53:24","guid":{"rendered":"https:\/\/www.cloudaja.id\/artikel\/?p=5275"},"modified":"2024-12-28T13:53:24","modified_gmt":"2024-12-28T06:53:24","slug":"tutorial-deploy-react-js-pada-hosting-cpanel","status":"publish","type":"post","link":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/","title":{"rendered":"Tutorial Deploy React JS pada Hosting cPanel"},"content":{"rendered":"<p>React JS adalah framework yang menggunakan runtime <a href=\"https:\/\/www.cloudaja.id\/artikel\/tag\/nodejs\/\">NodeJS<\/a> untuk mengembangkan frontend application. React JS sangat cocok digunakan untuk membuat landing page, static page, hingga progressive web apps.<\/p>\n<p>Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork. Panduan ini khusus membahas deployment aplikasi React JS.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Daftar Isi<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"><\/path><\/svg><\/span><\/span><\/span><\/a><\/span>\n<\/div>\n<nav><ul class=\"ez-toc-list ez-toc-list-level-1 \">\n<li class=\"ez-toc-page-1 ez-toc-heading-level-2\"><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Prasyarat\">Prasyarat<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-2\">\n<a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Langkah-langkah_Deploy_React_JS\">Langkah-langkah Deploy React JS<\/a><ul class=\"ez-toc-list-level-3\">\n<li class=\"ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Siapkan_file_packagejson\">Siapkan file package.json<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Build_Project_React_JS\">Build Project React JS<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Compress_File_project\">Compress File project<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Upload_Hasil_Build_React_JS\">Upload Hasil Build React JS<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Tambahkan_htaccess\">Tambahkan .htaccess<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#Kunjungi_Domain_Kamu\">Kunjungi Domain Kamu<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul><\/nav>\n<\/div>\n<h2 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Prasyarat\"><\/span>Prasyarat<span class=\"ez-toc-section-end\"><\/span>\n<\/h2>\n<ol start=\"1\" class=\"wp-block-list\">\n<li>\n<strong>Akses ke cPanel<\/strong><br>Pastikan Anda memiliki akun hosting dengan akses cPanel.<\/li>\n\n\n\n<li>\n<strong>React JS Project<\/strong><br>Pastikan Anda sudah memiliki project React JS yang siap untuk dideploy.<\/li>\n\n\n\n<li>\n<strong>Node.js dan npm<\/strong><br>Pastikan pada pc atau laptop kamu mendukung Node.js.<\/li>\n<\/ol>\n<h2 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Langkah-langkah_Deploy_React_JS\"><\/span>Langkah-langkah Deploy React JS<span class=\"ez-toc-section-end\"><\/span>\n<\/h2>\n\n<h3 class=\"wp-block-heading\">Siapkan file <strong>package.json<\/strong>\n<\/h3>\n\n<p>File <strong>package.json<\/strong> yang ada pada project kamu perlu diperbarui supaya dapat berjalan pada domain kamu pada cpanel, ubah homepage menjadi domain yang kamu miliki, berikut adalah contoh file sesudah diperbarui:<\/p>\n\n<pre class=\"wp-block-code\"><code>{\n  \"name\": \"reactjs\",\n  \"version\": \"0.1.0\",\n <strong> \"homepage\": \"https:\/\/reactjs.natanet.my.id\/\",<\/strong>\n  \"private\": true,\n  \"dependencies\": {\n    \"cra-template\": \"1.2.0\",\n    \"react\": \"^19.0.0\",\n    \"react-dom\": \"^19.0.0\",\n    \"react-scripts\": \"5.0.1\"\n  },\n  \"scripts\": {\n    \"start\": \"react-scripts start\",\n    \"build\": \"react-scripts build\",\n    \"test\": \"react-scripts test\",\n    \"eject\": \"react-scripts eject\"\n  },\n  \"eslintConfig\": {\n    \"extends\": &#91;\n      \"react-app\",\n      \"react-app\/jest\"\n    ]\n  },\n  \"browserslist\": {\n    \"production\": &#91;\n      \">0.2%\",\n      \"not dead\",\n      \"not op_mini all\"\n    ],\n    \"development\": &#91;\n      \"last 1 chrome version\",\n      \"last 1 firefox version\",\n      \"last 1 safari version\"\n    ]\n  },\n  \"devDependencies\": {\n    \"web-vitals\": \"^4.2.4\"\n  }\n}<\/code><\/pre>\n\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Build_Project_React_JS\"><\/span>Build Project React JS<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Sebelum mengunggah project ke <a href=\"https:\/\/www.natanetwork.com\/paket-hosting-cpanel\/\">hosting<\/a>, Anda perlu build project untuk produksi.<\/p>\n<pre class=\"wp-block-code\"><code>npm run build<\/code><\/pre>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"840\" height=\"709\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-111.png\" alt=\"build project react js\" class=\"wp-image-5277\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-111.png 840w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-111-300x253.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-111-768x648.png 768w\" sizes=\"auto, (max-width: 840px) 100vw, 840px\"><\/figure><\/div>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Compress_File_project\"><\/span>Compress File project<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Silahkan masuk ke folder build pada project React JS kamu dan konpress hasil build tersebut kedalam zip untuk di upload ke <a href=\"https:\/\/www.natanetwork.com\/paket-hosting-cpanel\/\">hosting<\/a> !<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"618\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-112-1024x618.png\" alt=\"compress project react js\" class=\"wp-image-5279\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-112-1024x618.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-112-300x181.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-112-768x464.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-112.png 1174w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Upload_Hasil_Build_React_JS\"><\/span>Upload Hasil Build React JS<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Silahkan masuk filemanager cpanel dan upload zip hasil build sebelumnya disana !<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-113-1024x430.png\" alt=\"proses upload project react js\" class=\"wp-image-5280\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-113-1024x430.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-113-300x126.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-113-768x322.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-113.png 1222w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<p>Langkah selanjutnya silahkan extract zip tersebut<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-114-1024x430.png\" alt=\"upload project react js\" class=\"wp-image-5281\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-114-1024x430.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-114-300x126.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-114-768x322.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-114.png 1222w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Tambahkan_htaccess\"><\/span>Tambahkan .htaccess<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Selanjutnya kamu perlu tambahkan file htaccess pada project kamu di filemanager, berikut adalah isi dari file .htaccess nya:<\/p>\n<pre class=\"wp-block-code\"><code>RewriteEngine On\nRewriteBase \/\nRewriteRule ^index.html$ - &#91;L]\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteCond %{REQUEST_FILENAME} !-l\nRewriteRule . \/index.html &#91;L]<\/code><\/pre>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"430\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-115-1024x430.png\" alt=\"react js htaccess\" class=\"wp-image-5282\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-115-1024x430.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-115-300x126.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-115-768x322.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-115.png 1222w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Kunjungi_Domain_Kamu\"><\/span>Kunjungi Domain Kamu<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>JIka sudah berhasil menjalani langkah diatas, silahkan kunjungi website kamu untuk memastikan project sudah berhasil running !<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"557\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116-1024x557.png\" alt=\"website\" class=\"wp-image-5283\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116-1024x557.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116-300x163.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116-768x418.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116-1536x836.png 1536w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-116.png 1918w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<p>Dengan mengikuti langkah-langkah yang akan dijelaskan dalam panduan ini, Anda dapat dengan mudah melakukan deploy aplikasi React JS Anda di hosting cPanel. Proses ini dirancang agar sederhana dan dapat dipahami oleh pengguna, bahkan jika Anda baru pertama kali melakukan deployment. Dengan demikian, aplikasi React JS Anda dapat berjalan optimal di hosting cPanel tanpa hambatan.<\/p>\n<p>Perlu hosting cpanel ? kamu bisa cek di <a href=\"https:\/\/www.natanetwork.com\/hosting-developer\/\">Hosting cPanel Natanetwork<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>React JS adalah framework yang menggunakan runtime NodeJS untuk mengembangkan frontend application. React JS sangat cocok digunakan untuk membuat landing page, static page, hingga progressive web apps. Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork. Panduan ini khusus membahas deployment aplikasi React JS. Prasyarat [&hellip;]<\/p>","protected":false},"author":4,"featured_media":5284,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"seo_booster_metabox":"","footnotes":""},"categories":[37],"tags":[59,663,633],"class_list":["post-5275","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application","tag-cpanel","tag-react-js","tag-website"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia<\/title>\n<meta name=\"description\" content=\"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.\" \/>\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.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia\" \/>\n<meta property=\"og:description\" content=\"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/\" \/>\n<meta property=\"og:site_name\" content=\"CloudAja Artikel | Cloud Hosting Indonesia\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-28T06:53:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1004\" \/>\n\t<meta property=\"og:image:height\" content=\"591\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Muhammad Habib Ulil A\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Muhammad Habib Ulil A\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/\"},\"author\":{\"name\":\"Muhammad Habib Ulil A\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#\\\/schema\\\/person\\\/02ec3c7144d9405a48c99f67fe55f461\"},\"headline\":\"Tutorial Deploy React JS pada Hosting cPanel\",\"datePublished\":\"2024-12-28T06:53:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/\"},\"wordCount\":304,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png\",\"keywords\":[\"cPanel\",\"React JS\",\"Website\"],\"articleSection\":[\"Application\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/\",\"name\":\"Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png\",\"datePublished\":\"2024-12-28T06:53:24+00:00\",\"description\":\"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png\",\"width\":1004,\"height\":591},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-react-js-pada-hosting-cpanel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Deploy React JS pada Hosting cPanel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#website\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/\",\"name\":\"CloudAja Artikel | Cloud Hosting Indonesia\",\"description\":\"tips dan trik seputar Cloud Hosting Indonesia\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#organization\",\"name\":\"CloudAja Artikel | Cloud Hosting Indonesia\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo-cloudaja.resized.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2022\\\/09\\\/logo-cloudaja.resized.png\",\"width\":120,\"height\":81,\"caption\":\"CloudAja Artikel | Cloud Hosting Indonesia\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#\\\/schema\\\/person\\\/02ec3c7144d9405a48c99f67fe55f461\",\"name\":\"Muhammad Habib Ulil A\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/elon_mask_avatar_icon_263202-96x96.png\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/elon_mask_avatar_icon_263202-96x96.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/07\\\/elon_mask_avatar_icon_263202-96x96.png\",\"caption\":\"Muhammad Habib Ulil A\"},\"description\":\"Salah satu penulis CloudAJA, hobby programming, dan fokus juga di sistem administrator dengan pengalaman beberapa tahun di industri teknologi informasi. Keahlian saya mencakup pengembangan dan manajemen situs web, pemrograman dalam berbagai bahasa seperti PHP, C++, dan Python, serta pengelolaan infrastruktur IT.\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/author\\\/habib\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia","description":"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.","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.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia","og_description":"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.","og_url":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/","og_site_name":"CloudAja Artikel | Cloud Hosting Indonesia","article_published_time":"2024-12-28T06:53:24+00:00","og_image":[{"width":1004,"height":591,"url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png","type":"image\/png"}],"author":"Muhammad Habib Ulil A","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Muhammad Habib Ulil A","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#article","isPartOf":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/"},"author":{"name":"Muhammad Habib Ulil A","@id":"https:\/\/www.cloudaja.id\/artikel\/#\/schema\/person\/02ec3c7144d9405a48c99f67fe55f461"},"headline":"Tutorial Deploy React JS pada Hosting cPanel","datePublished":"2024-12-28T06:53:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/"},"wordCount":304,"commentCount":0,"publisher":{"@id":"https:\/\/www.cloudaja.id\/artikel\/#organization"},"image":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png","keywords":["cPanel","React JS","Website"],"articleSection":["Application"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/","url":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/","name":"Tutorial Deploy React JS pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia","isPartOf":{"@id":"https:\/\/www.cloudaja.id\/artikel\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#primaryimage"},"image":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png","datePublished":"2024-12-28T06:53:24+00:00","description":"Dalam panduan ini, kami akan menjelaskan langkah-langkah untuk melakukan deploy aplikasi React JS hasil build ke hosting cPanel Natanetwork.","breadcrumb":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#primaryimage","url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png","contentUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-React-JS-pada-Hosting-cPanel0A.png","width":1004,"height":591},{"@type":"BreadcrumbList","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-react-js-pada-hosting-cpanel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudaja.id\/artikel\/"},{"@type":"ListItem","position":2,"name":"Tutorial Deploy React JS pada Hosting cPanel"}]},{"@type":"WebSite","@id":"https:\/\/www.cloudaja.id\/artikel\/#website","url":"https:\/\/www.cloudaja.id\/artikel\/","name":"CloudAja Artikel | Cloud Hosting Indonesia","description":"tips dan trik seputar Cloud Hosting Indonesia","publisher":{"@id":"https:\/\/www.cloudaja.id\/artikel\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.cloudaja.id\/artikel\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.cloudaja.id\/artikel\/#organization","name":"CloudAja Artikel | Cloud Hosting Indonesia","url":"https:\/\/www.cloudaja.id\/artikel\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudaja.id\/artikel\/#\/schema\/logo\/image\/","url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2022\/09\/logo-cloudaja.resized.png","contentUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2022\/09\/logo-cloudaja.resized.png","width":120,"height":81,"caption":"CloudAja Artikel | Cloud Hosting Indonesia"},"image":{"@id":"https:\/\/www.cloudaja.id\/artikel\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.cloudaja.id\/artikel\/#\/schema\/person\/02ec3c7144d9405a48c99f67fe55f461","name":"Muhammad Habib Ulil A","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/07\/elon_mask_avatar_icon_263202-96x96.png","url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/07\/elon_mask_avatar_icon_263202-96x96.png","contentUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/07\/elon_mask_avatar_icon_263202-96x96.png","caption":"Muhammad Habib Ulil A"},"description":"Salah satu penulis CloudAJA, hobby programming, dan fokus juga di sistem administrator dengan pengalaman beberapa tahun di industri teknologi informasi. Keahlian saya mencakup pengembangan dan manajemen situs web, pemrograman dalam berbagai bahasa seperti PHP, C++, dan Python, serta pengelolaan infrastruktur IT.","url":"https:\/\/www.cloudaja.id\/artikel\/author\/habib\/"}]}},"_links":{"self":[{"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts\/5275","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/comments?post=5275"}],"version-history":[{"count":3,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts\/5275\/revisions"}],"predecessor-version":[{"id":5285,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts\/5275\/revisions\/5285"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/media\/5284"}],"wp:attachment":[{"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/media?parent=5275"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/categories?post=5275"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/tags?post=5275"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}