{"id":32138,"date":"2025-05-15T14:44:12","date_gmt":"2025-05-15T07:44:12","guid":{"rendered":"https:\/\/www.rumahweb.com\/journal\/?p=32138"},"modified":"2026-02-16T10:29:52","modified_gmt":"2026-02-16T03:29:52","slug":"cara-upload-nextjs-di-cpanel-hosting","status":"publish","type":"post","link":"https:\/\/www.rumahweb.com\/journal\/cara-upload-nextjs-di-cpanel-hosting\/","title":{"rendered":"Cara Upload NextJS di cPanel Hosting"},"content":{"rendered":"\n<p>Setelah berhasil membuat aplikasi Next.js di localhost, langkah selanjutnya adalah membuat aplikasi tersebut bisa diakses secara <em>online<\/em>. Salah satu cara yang bisa Anda lakukan adalah dengan mengupload hasil <em>build <\/em>Next.js ke layanan hosting. Dalam artikel ini, kami akan menjelaskan tentang cara upload nextjs di cPanel hosting, mulai dari proses build, upload file, hingga aplikasi dapat diakses secara online.<\/p>\n\n\n\n<p>Namun, sebelum kami membahas lebih lanjut tentang cara upload NextJS di hosting, terlebih dahulu kami akan kami jelaskan tentang apa itu NetxJS dan <em>system requirements<\/em> yang dibutuhkan untuk <em>deploy <\/em>di hosting. Berikut informasi selengkapnya.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Apa itu NextJS<\/h2>\n\n\n\n<p>NextJS adalah <em>framework <\/em>javascript yang di dukung oleh <a href=\"https:\/\/blog.rumahweb.com\/apa-itu-nodejs-adalah\/\" target=\"_blank\" rel=\"noopener\" title=\"nodejs adalah\">NodeJS<\/a> di belakangnya. NextJS sangat populer digunakan, karena memudahkan developer untuk mengembangkan aplikasi website berbasis React.<\/p>\n\n\n\n<p>Beberapa fitur unggulan NextJS adalah dapat menggabungkan front-end dan backend dari React di satu <em>environment<\/em>. Sehingga akan lebih mudah pada saat proses deployment. Fitur yang tidak kalah menarik adalah kemundahan build, optimasi CSS hingga rendering html langsung dari tools CLI yang disediakan oleh NextJS.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Rekomendasi Paket Hosting<\/h2>\n\n\n\n<p>Dari beberapa studi kasus yang kami temui, <em>framework <\/em>Next.js memerlukan <em>resource <\/em>yang cukup besar agar dapat berjalan lancar pada layanan hosting.<\/p>\n\n\n\n<p>Oleh karena itu, kami merekomendasikan kepada Anda yang akan mendeploy Next.js untuk menggunakan layanan <strong><a href=\"https:\/\/www.rumahweb.com\/cloud-hosting\/\" target=\"_blank\" rel=\"noopener\" title=\"cloud hosting\">Cloud Hosting<\/a><\/strong> dengan spesifikasi minimal sebagai berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>CPU : 2vCPU<\/li>\n\n\n\n<li>RAM : 4 GB<\/li>\n\n\n\n<li>Entry Process : 50<\/li>\n\n\n\n<li>NPROC : 120<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Persiapan Sistem<\/h2>\n\n\n\n<p>Sebelum mengikuti panduan cara upload nextjs di cPanel, terlebih dahulu pastikan bahwa Anda telah memenuhi sistem requirements berikut: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Project NextJS siap deploy<\/li>\n\n\n\n<li>Sudah melakukan testing dan <em>build <\/em>di localhost (<strong>bukan di dalam hosting<\/strong>)<\/li>\n\n\n\n<li>Disarankan menggunakan <strong>cloud hosting<\/strong> dengan paket minimal yang direkomendasikan.<\/li>\n<\/ul>\n\n\n\n<p>Setelah memastikan kebutuhan sistem tersebut dapat dipenuhi, selanjutnya Anda bisa mengikuti panduan berikut. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Upload NextJS di cPanel<\/h2>\n\n\n\n<p>Berikut adalah panduan upload NextJS di cPanel hosting Rumahweb. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Persiapan di localhost<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Pastikan project NextJS Anda sudah berjalan di localhost. Berikut adalah <em>screenshot <\/em>contoh project NextJS sederhana yang akan diupload ke dalam cPanel.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-1024x538.png\" alt=\"contoh project NextJS\" class=\"wp-image-32161\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-1.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Buat file &#8220;<strong>server.js<\/strong>&#8221; di project NextJS yang Anda gunakan di localhost. Lalu isikan <em>script custom<\/em> server seperti informasi di bawah ini:<\/li>\n<\/ol>\n\n\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 || 8080\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(() =&gt; {\n  createServer(async (req, res) =&gt; {\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) =&gt; {\n    if (err) throw err\n    console.log(`&gt; Ready on http:\/\/${hostname}:${port}`)\n  })\n})<\/code><\/pre>\n\n\n\n<p><strong>Note<\/strong>:<\/p>\n\n\n\n<p>Perhatikan bagian &#8220;<strong>const port = process.env.port || 8080<\/strong>&#8220;. Pastikan port menggunakan 8080.<\/p>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Edit file <strong>package.json<\/strong> dari project NextJS Anda di localhost. Edit bagian &#8220;start&#8221; dengan script <strong>&#8220;start&#8221;: &#8220;NODE_ENV=production node server.js&#8221;,<\/strong> contoh hasil edit seperti screenshot:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-1024x538.png\" alt=\"file package.json\" class=\"wp-image-32160\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Jalankan <em>command <\/em>&#8220;<strong>npm run build<\/strong>&#8221; di project NextJS yang Anda gunakan di localhost.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-1024x538.png\" alt=\"npm run build\" class=\"wp-image-32159\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-3.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li>Compress ke format ZIP semua file project NextJS Anda di localhost kecuali folder &#8220;node_modules&#8221;. Pastikan juga semua file yang tersembunyi, terutama folder &#8220;<strong>.next<\/strong>&#8221; harus ada di file ZIP yang akan Anda upload.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-1024x538.png\" alt=\"project NextJS\" class=\"wp-image-32158\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-4.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2. Setup NodeJS di cPanel<\/h3>\n\n\n\n<p>Langkah selanjutnya, Anda dapat melakukan deployment nodejs di cPanel. Langkahnya sebagai berikut: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-login-cpanel\/\" target=\"_blank\" rel=\"noopener\" title=\"login cpanel\">cPanel hosting<\/a> Anda. <\/li>\n\n\n\n<li>Klik menu <strong>Setup NodeJS App<\/strong>, lalu <strong>create application<\/strong>. <\/li>\n\n\n\n<li>Setelah itu akan muncul tampilan untuk konfigurasi aplikasi NodeJS yang akan dibuat. Pada bagian <em>Application Startup File<\/em>, isi dengan <strong>server.js<\/strong> sesuai konfigurasi nextjs yang telah kita lakukan.<\/li>\n\n\n\n<li>Setelah mengisikan&nbsp;<em>environtmen&nbsp;<\/em>tersebut, silahkan klik <strong>create<\/strong>. Tunggu prosesnya sampai selesai. Apabila selesai maka akan muncul tampilan NodeJS yang sudah dibuat.  <\/li>\n<\/ol>\n\n\n\n<p>Panduan lengkap tentang cara setup NodeJS di cPanel bisa anda pelajari pada artikel <a href=\"https:\/\/www.rumahweb.com\/journal\/cara-deploy-nodejs-di-cpanel-hosting\/\" target=\"_blank\" rel=\"noopener\" title=\"deploy nodejs di cpanel\">berikut<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3. Upload File NextJs ke hosting<\/h3>\n\n\n\n<p>Langkah selanjutnya, Anda bisa mengupload file NextJS yang telah kita siapkan di localhost ke hosting. Caranya sebagai berikut: <\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login ke cPanel &gt; File Manager. <\/li>\n\n\n\n<li>Masuklah ke directory atau application root yang Anda setup pada nodejs di step ke dua. Setelah itu, <em>upload <\/em>dan <em>extract<\/em> file next.zip yang telah kita siapkan. lalu, hasilnya akan terlihat seperti gambar berikut.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-1024x538.png\" alt=\"extract file ZIP NextJS\" class=\"wp-image-32157\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-5.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4. NPM Install<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Masuk ke menu &#8220;<strong>Setup Nodejs App<\/strong>&#8221; cPanel, copy link path virtual env project NodeJS Anda.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-1024x538.png\" alt=\"Setup Nodejs App\" class=\"wp-image-32156\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-6.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li>Buka aplikasi Terminal di cPanel, lalu paste path virtual env project NodeJS Anda. Berikut contohnya:<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-1024x538.png\" alt=\"terminal\" class=\"wp-image-32154\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-7.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li>Pastikan kembali kelengkapan file dengan command &#8220;<strong>ls<\/strong>&#8221; . Lalu jalankan command &#8220;<strong>npm install<\/strong>&#8220;. Tunggu hingga proses npm install selesai.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-1024x538.png\" alt=\"npm install\" class=\"wp-image-32153\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-8.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li>Setelah proses npm install selesai dan tidak ada error, silahkan masuk kembali ke menu &#8220;<strong>Setup Nodejs App<\/strong>&#8221; cPanel lalu klik <strong>restart<\/strong> NodeJS.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-1024x538.png\" alt=\"Setup Nodejs App\" class=\"wp-image-32152\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-9.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Sampai tahap ini, proses upload NextJs ke hosting telah selesai.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5. Pengujian<\/h3>\n\n\n\n<p>Apabila proses restart NodeJS selesai, silahkan bisa mengakses domain atau subdomain yang Anda konfigurasi di browser. Berikut adalah contoh setelah proses deploy selesai dilakukan di hosting. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-1024x538.png\" alt=\"tampilan nextjs di browser yang telah diupload\" class=\"wp-image-32151\" srcset=\"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-1024x538.png 1024w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-300x158.png 300w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-768x403.png 768w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-370x194.png 370w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-270x142.png 270w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-570x299.png 570w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10-740x389.png 740w, https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Cara-Upload-Next.JS-di-cPanel-Hosting-10.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p>Apabila dari browser Anda masih gagal atau tidak muncul, Anda bisa mencoba test akses melalui private window atau icognito di <em>browser <\/em>sebagai pembanding.  Namun, jik masih muncul error, Anda juga bisa membaca file stderr.log di directory apps root nodejs Anda, untuk mengetahui penyebab errornya. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Penutup<\/h2>\n\n\n\n<p>Next.js adalah salah satu <em>framework <\/em>Node.js yang dapat dijalankan di layanan hosting, namun tidak semua jenis hosting mendukungnya karena membutuhkan <em>resource <\/em>yang cukup besar. Untuk itu, jika Anda ingin menjalankan aplikasi Next.js dengan performa yang optimal, Anda bisa memilih paket <a href=\"https:\/\/www.rumahweb.com\/cloud-hosting\/\" target=\"_blank\" rel=\"noopener\">Cloud Hosting<\/a> di Rumahweb. <\/p>\n\n\n\n<p>Dengan <em>resource <\/em>yang lebih besar dan stabil, Cloud Hosting menjadi pilihan tepat untuk mendukung kebutuhan aplikasi berbasis Next.js. <\/p>\n\n\n\n<p>Namun, apabila Anda membutuhkan fitur live debugging, stagging, testing pada NextJS yang Anda buat, maka proses tersebut tidak dapat dilakukan di cPanel hosting. Untuk kebutuhan tersebut, kami sarankan langsung menggunakan layanan <strong><a href=\"https:\/\/www.rumahweb.com\/vps-murah\/\" target=\"_blank\" rel=\"noopener\" title=\"vps murah\">VPS<\/a><\/strong>. Rumahweb menyediakan layanan VPS dengan harga terjangkau yang dapat Anda gunakan untuk mendeploy project NextJS yang lebih kompleks. <\/p>\n\n\n\n<p>Demikian cara upload NextJS di cPanel Hosting, semoga dapat membantu.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Setelah berhasil membuat aplikasi Next.js di localhost, langkah selanjutnya adalah membuat aplikasi tersebut bisa diakses secara online. Salah satu cara yang bisa Anda lakukan adalah dengan mengupload hasil build Next.js ke layanan hosting. Dalam artikel ini, kami akan menjelaskan tentang cara upload nextjs di cPanel hosting, mulai dari proses build, upload file, hingga aplikasi dapat [&hellip;]<\/p>\n","protected":false},"author":331,"featured_media":32171,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[142],"tags":[1824,768,1825],"class_list":{"0":"post-32138","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-tips-dan-trik","8":"tag-nextjs","9":"tag-nodejs","10":"tag-tutorial-nextjs"},"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rumahweb.com\/journal\/wp-content\/uploads\/2022\/08\/Banner-Cara-Upload-NextJS-di-cPanel-Hosting.png","jetpack_shortlink":"https:\/\/wp.me\/p8n3G7-8mm","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/32138","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/users\/331"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/comments?post=32138"}],"version-history":[{"count":1,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/32138\/revisions"}],"predecessor-version":[{"id":61967,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/posts\/32138\/revisions\/61967"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media\/32171"}],"wp:attachment":[{"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/media?parent=32138"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/categories?post=32138"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rumahweb.com\/journal\/wp-json\/wp\/v2\/tags?post=32138"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}