{"id":5216,"date":"2024-12-27T14:16:27","date_gmt":"2024-12-27T07:16:27","guid":{"rendered":"https:\/\/www.cloudaja.id\/artikel\/?p=5216"},"modified":"2024-12-27T14:17:42","modified_gmt":"2024-12-27T07:17:42","slug":"tutorial-deploy-nextjs-pada-hosting-cpanel","status":"publish","type":"post","link":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/","title":{"rendered":"Tutorial Deploy Nextjs pada Hosting cPanel"},"content":{"rendered":"<p>Next.js adalah framework berbasis React yang memungkinkan Anda untuk membangun aplikasi web modern dengan fitur seperti server-side rendering (SSR) dan static site generation (SSG). Meskipun Next.js sering digunakan bersama dengan layanan hosting seperti Vercel atau Netlify, Anda juga dapat melakukan deploy nextjs di hosting cPanel. Berikut adalah langkah-langkahnya:<\/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-nextjs-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-nextjs-pada-hosting-cpanel\/#Langkah-langkah_Deploy\">Langkah-langkah Deploy<\/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-nextjs-pada-hosting-cpanel\/#Build_Project_Nextjs\">Build Project Next.js<\/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-nextjs-pada-hosting-cpanel\/#Siapkan_file_serverjs\">Siapkan file server.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-nextjs-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-6\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-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-7\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#Create_NodeJS_Project\">Create NodeJS Project<\/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-nextjs-pada-hosting-cpanel\/#Install_NPM\">Install NPM<\/a><\/li>\n<li class=\"ez-toc-page-1 ez-toc-heading-level-3\"><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#Start_Project_Nextjs\">Start Project Nextjs<\/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>Next.js Project<\/strong><br>Pastikan Anda sudah memiliki project Next.js yang siap untuk dideploy.<\/li>\n\n\n\n<li>\n<strong>Node.js dan npm<\/strong><br>Pastikan hosting Anda mendukung Node.js. Anda dapat memeriksanya di cPanel.<\/li>\n<\/ol>\n<h2 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Langkah-langkah_Deploy\"><\/span>Langkah-langkah Deploy<span class=\"ez-toc-section-end\"><\/span>\n<\/h2>\n\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Build_Project_Nextjs\"><\/span>Build Project Next.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=\"710\" height=\"473\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-93.png\" alt=\"\" class=\"wp-image-5217\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-93.png 710w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-93-300x200.png 300w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\"><\/figure><\/div>\n<h3 class=\"wp-block-heading\">Siapkan file <strong>server.js<\/strong>\n<\/h3>\n\n<p>Buatlah file bernama <strong>&#8220;server.js&#8221;<\/strong> di dalam proyek Next.js yang Anda jalankan di localhost. Setelah itu, tambahkan skrip custom server seperti yang tertera pada informasi berikut:<\/p>\n\n<pre class=\"wp-block-code\"><code>\/\/ server.js\nconst { createServer } = require('http')\nconst { parse } = require('url')\nconst next = require('next')\n\nconst dev = process.env.NODE_ENV !== 'production'\nconst hostname = 'localhost'\nconst port = process.env.port || 3001\n\/\/ when using middleware `hostname` and `port` must be provided below\nconst app = next({ dev, hostname, port })\nconst handle = app.getRequestHandler()\n\napp.prepare().then(() => {\n  createServer(async (req, res) => {\n    try {\n      \/\/ Be sure to pass `true` as the second argument to `url.parse`.\n      \/\/ This tells it to parse the query portion of the URL.\n      const parsedUrl = parse(req.url, true)\n      const { pathname, query } = parsedUrl\n\n      if (pathname === '\/a') {\n        await app.render(req, res, '\/a', query)\n      } else if (pathname === '\/b') {\n        await app.render(req, res, '\/b', query)\n      } else {\n        await handle(req, res, parsedUrl)\n      }\n    } catch (err) {\n      console.error('Error occurred handling', req.url, err)\n      res.statusCode = 500\n      res.end('internal server error')\n    }\n  }).listen(port, (err) => {\n    if (err) throw err\n    console.log(`> Ready on http:\/\/${hostname}:${port}`)\n  })\n})<\/code><\/pre>\n\n<p>Pada baris <code>const port = process.env.port || 3001<\/code>, silahkan pilih port random sesuai yang kamu inginkan<\/p>\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 cpanel, berikut adalah contoh file sesudah diperbarui:<\/p>\n\n<pre class=\"wp-block-code\"><code>{\n  \"private\": true,\n  \"scripts\": {\n    \"build\": \"next build\",\n    \"dev\": \"next dev\",\n    <strong>\"start\": \"NODE_ENV=production node server.js\"<\/strong>\n  },\n  \"dependencies\": {\n    \"next\": \"latest\",\n    \"react\": \"18.2.0\",\n    \"react-dom\": \"18.2.0\"\n  },\n  \"engines\": {\n    \"node\": \">=18\"\n  }\n}<\/code><\/pre>\n\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\n<p>Kompres semua file proyek Next.js Anda di localhost ke dalam format ZIP, dengan pengecualian folder <strong>\u201cnode_modules\u201d<\/strong>. Pastikan juga semua file tersembunyi, termasuk folder <strong>\u201c.next\u201d<\/strong>, disertakan dalam file ZIP yang akan diunggah.<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-94-1024x510.png\" alt=\"\" class=\"wp-image-5219\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-94-1024x510.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-94-300x149.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-94-768x383.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-94.png 1419w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Create_NodeJS_Project\"><\/span>Create NodeJS Project<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Setelah itu silahkan kamu membuat project nodejs baru pada cpanel untuk nextjs yang akan di upload ke <a href=\"https:\/\/www.natanetwork.com\/paket-hosting-cpanel\/\">hosting<\/a>.<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"516\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-103-1024x516.png\" alt=\"\" class=\"wp-image-5228\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-103-1024x516.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-103-300x151.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-103-768x387.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-103.png 1336w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><p>Setelah berhasil terbuat, silahkan masuk folder project nextjs pada filemanager cpanel dan hapus semua file disana !<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"971\" height=\"598\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-96.png\" alt=\"\" class=\"wp-image-5221\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-96.png 971w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-96-300x185.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-96-768x473.png 768w\" sizes=\"auto, (max-width: 971px) 100vw, 971px\"><\/figure><\/div>\n<p>Silahkan upload file zip project nextjs kamu di folder project nextjs yang sudah kita bersihkan tadi !<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"405\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-97-1024x405.png\" alt=\"\" class=\"wp-image-5222\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-97-1024x405.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-97-300x119.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-97-768x304.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-97.png 1215w\" 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=\"405\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-98-1024x405.png\" alt=\"\" class=\"wp-image-5223\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-98-1024x405.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-98-300x119.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-98-768x304.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-98.png 1215w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Install_NPM\"><\/span>Install NPM<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Selanjutnya kamu perlu stop project nodejs yang sudah dibuat dan masuk ke terminal untuk install NPM<\/p>\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"635\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-102-1024x635.png\" alt=\"\" class=\"wp-image-5227\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-102-1024x635.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-102-300x186.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-102-768x476.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-102.png 1383w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<p>Copy command diatas dan paste ke terminal untuk masuk ke folder project nextjs kam, setelah itu ketik <strong>npm install<\/strong><\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"145\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-101-1024x145.png\" alt=\"\" class=\"wp-image-5226\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-101-1024x145.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-101-300x42.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-101-768x108.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-101.png 1168w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure>\n<h3 class=\"wp-block-heading\">\n<span class=\"ez-toc-section\" id=\"Start_Project_Nextjs\"><\/span>Start Project Nextjs<span class=\"ez-toc-section-end\"><\/span>\n<\/h3>\n<p>Jika proses npm install sudah selesai kamu bisa masuk ke menu nodejs pada cpanel dan lakukan start project nextjs kamu !<\/p>\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"580\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-104-1024x580.png\" alt=\"\" class=\"wp-image-5229\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-104-1024x580.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-104-300x170.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-104-768x435.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-104.png 1359w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><p>JIka sudah berhasil start, 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=\"556\" src=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105-1024x556.png\" alt=\"\" class=\"wp-image-5230\" srcset=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105-1024x556.png 1024w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105-300x163.png 300w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105-768x417.png 768w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105-1536x834.png 1536w, https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/image-105.png 1909w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\"><\/figure><\/div>\n<p>Dengan mengikuti langkah-langkah ini, Anda dapat dengan mudah deploy nextjs Anda di hosting cPanel dengan mudah. Perlu hosting cpanel support Next.js ? kamu bisa cek di <a href=\"https:\/\/www.natanetwork.com\/hosting-developer\/\">Hosting cPanel Natanetwork<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Next.js adalah framework berbasis React yang memungkinkan Anda untuk membangun aplikasi web modern dengan fitur seperti server-side rendering (SSR) dan static site generation (SSG). Meskipun Next.js sering digunakan bersama dengan layanan hosting seperti Vercel atau Netlify, Anda juga dapat melakukan deploy nextjs di hosting cPanel. Berikut adalah langkah-langkahnya: Prasyarat Langkah-langkah Deploy Build Project Next.js Sebelum [&hellip;]<\/p>","protected":false},"author":4,"featured_media":5232,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"seo_booster_metabox":"","footnotes":""},"categories":[37],"tags":[632,634,633],"class_list":["post-5216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-application","tag-next-js","tag-nodejs","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 Nextjs pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia<\/title>\n<meta name=\"description\" content=\"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.\" \/>\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-nextjs-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 Nextjs pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia\" \/>\n<meta property=\"og:description\" content=\"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/\" \/>\n<meta property=\"og:site_name\" content=\"CloudAja Artikel | Cloud Hosting Indonesia\" \/>\n<meta property=\"article:published_time\" content=\"2024-12-27T07:16:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-27T07:17:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1004\" \/>\n\t<meta property=\"og:image:height\" content=\"590\" \/>\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=\"4 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-nextjs-pada-hosting-cpanel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/\"},\"author\":{\"name\":\"Muhammad Habib Ulil A\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#\\\/schema\\\/person\\\/02ec3c7144d9405a48c99f67fe55f461\"},\"headline\":\"Tutorial Deploy Nextjs pada Hosting cPanel\",\"datePublished\":\"2024-12-27T07:16:27+00:00\",\"dateModified\":\"2024-12-27T07:17:42+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/\"},\"wordCount\":378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png\",\"keywords\":[\"Next.JS\",\"NodeJS\",\"Website\"],\"articleSection\":[\"Application\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/\",\"name\":\"Tutorial Deploy Nextjs 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-nextjs-pada-hosting-cpanel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png\",\"datePublished\":\"2024-12-27T07:16:27+00:00\",\"dateModified\":\"2024-12-27T07:17:42+00:00\",\"description\":\"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png\",\"contentUrl\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png\",\"width\":1004,\"height\":590},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/tutorial-deploy-nextjs-pada-hosting-cpanel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.cloudaja.id\\\/artikel\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorial Deploy Nextjs 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 Nextjs pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia","description":"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.","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-nextjs-pada-hosting-cpanel\/","og_locale":"en_US","og_type":"article","og_title":"Tutorial Deploy Nextjs pada Hosting cPanel - CloudAja Artikel | Cloud Hosting Indonesia","og_description":"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.","og_url":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/","og_site_name":"CloudAja Artikel | Cloud Hosting Indonesia","article_published_time":"2024-12-27T07:16:27+00:00","article_modified_time":"2024-12-27T07:17:42+00:00","og_image":[{"width":1004,"height":590,"url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#article","isPartOf":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/"},"author":{"name":"Muhammad Habib Ulil A","@id":"https:\/\/www.cloudaja.id\/artikel\/#\/schema\/person\/02ec3c7144d9405a48c99f67fe55f461"},"headline":"Tutorial Deploy Nextjs pada Hosting cPanel","datePublished":"2024-12-27T07:16:27+00:00","dateModified":"2024-12-27T07:17:42+00:00","mainEntityOfPage":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/"},"wordCount":378,"commentCount":0,"publisher":{"@id":"https:\/\/www.cloudaja.id\/artikel\/#organization"},"image":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png","keywords":["Next.JS","NodeJS","Website"],"articleSection":["Application"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/","url":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/","name":"Tutorial Deploy Nextjs 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-nextjs-pada-hosting-cpanel\/#primaryimage"},"image":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png","datePublished":"2024-12-27T07:16:27+00:00","dateModified":"2024-12-27T07:17:42+00:00","description":"Anda juga dapat melakukan deploy nextjs pada hosting cPanel. Berikut adalah langkah-langkah detail nya untuk upload nextjs di cpanel.","breadcrumb":{"@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#primaryimage","url":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png","contentUrl":"https:\/\/www.cloudaja.id\/artikel\/wp-content\/uploads\/2024\/12\/Tutorial-Deploy-Nextjs-pada-Hosting-cPanel0A.png","width":1004,"height":590},{"@type":"BreadcrumbList","@id":"https:\/\/www.cloudaja.id\/artikel\/tutorial-deploy-nextjs-pada-hosting-cpanel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.cloudaja.id\/artikel\/"},{"@type":"ListItem","position":2,"name":"Tutorial Deploy Nextjs 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\/5216","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=5216"}],"version-history":[{"count":2,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts\/5216\/revisions"}],"predecessor-version":[{"id":5231,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/posts\/5216\/revisions\/5231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/media\/5232"}],"wp:attachment":[{"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/media?parent=5216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/categories?post=5216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cloudaja.id\/artikel\/wp-json\/wp\/v2\/tags?post=5216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}