{"id":5409,"date":"2024-02-01T10:31:58","date_gmt":"2024-02-01T09:31:58","guid":{"rendered":"https:\/\/harmonweb.com\/blog\/?p=5409"},"modified":"2024-02-01T10:32:00","modified_gmt":"2024-02-01T09:32:00","slug":"how-to-deploy-a-next-js-app-on-cpanel","status":"publish","type":"post","link":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/","title":{"rendered":"How To Deploy A Next JS App On cPanel"},"content":{"rendered":"\n<p>In this tutorial, I will show you how to deploy a Next JS app on cPanel efficiently.<\/p>\n\n\n\n<p>This is a complete breakdown as I am giving you a step-by-step process on how you can go about it all.<\/p>\n\n\n\n<p>But before we get into the steps to deploy a Next JS app on cPanel, let\u2019s understand what cPanel and Next JS are and better familiarise ourselves with these terms.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.vxc1lwfklmsd\">What is cPanel?<\/h3>\n\n\n\n<p>cPanel is a software tool that allows you to perform server-side tasks and manage your servers. It comes with a host of ready-to-use tools like File Manager, Database Manager, Domain Name Manager, CMS installer, etc.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h.rwnawhgwtewi\">What is Next.js?<\/h3>\n\n\n\n<p>Next.js is a React JS framework that you can use to build server-side rendering (SSR) applications, unlike the default React JS, which can only support single-page applications (SPA). Next JS brings you features that allow you to easily build SSR apps along with some of its other perks.<\/p>\n\n\n\n<p>Now that we have gotten to know cPanel and Next JS better let&#8217;s get started and learn how to deploy a Next JS app on cPanel.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h.sgaulspyc53d\">How To Deploy A Next JS App On cPanel<\/h2>\n\n\n\n<ol class=\"wp-block-list\" start=\"1\">\n<li>First, you have to create a\u00a0<strong>custom Next JS server<\/strong>. Create a\u00a0<strong>server.js\u00a0<\/strong>file in the root directory of your project. Then copy the following code and add it. You can use the official Next.js guide for guidance.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>const { createServer } = require('http')\nconst { parse } = require('url')\n\nconst next = require('next')\n\nconst dev = process.env.NODE_ENV !== 'production'\n\nconst hostname = 'localhost'\n\nconst port = 3000\n\n\/\/ when using middleware `hostname` and `port` must be provided below\n\nconst app = next({ dev, hostname, port })\n\nconst handle = app.getRequestHandler()\n\napp.prepare().then(() => {\n\n\u00a0 createServer(async (req, res) => {\n\n\u00a0 \u00a0 try {\n\n\u00a0 \u00a0 \u00a0 \/\/ Be sure to pass `true` as the second argument to `url.parse`.\n\n\u00a0 \u00a0 \u00a0 \/\/ This tells it to parse the query portion of the URL.\n\n\u00a0 \u00a0 \u00a0 const parsedUrl = parse(req.url, true)\n\n\u00a0 \u00a0 \u00a0 const { pathname, query } = parsedUrl\n\n\u00a0 \u00a0 \u00a0 if (pathname === '\/a') {\n\n\u00a0 \u00a0 \u00a0 \u00a0 await app.render(req, res, '\/a', query)\n\n\u00a0 \u00a0 \u00a0 } else if (pathname === '\/b') {\n\n\u00a0 \u00a0 \u00a0 \u00a0 await app.render(req, res, '\/b', query)\n\n\u00a0 \u00a0 \u00a0 } else {\n\n\u00a0 \u00a0 \u00a0 \u00a0 await handle(req, res, parsedUrl)\n\n\u00a0 \u00a0 \u00a0 }\n\n\u00a0 \u00a0 } catch (err) {\n\n\u00a0 \u00a0 \u00a0 console.error('Error occurred handling', req.url, err)\n\n\u00a0 \u00a0 \u00a0 res.statusCode = 500\n\n\u00a0 \u00a0 \u00a0 res.end('internal server error')\n\n\u00a0 \u00a0 }\n\n\u00a0 })\n\n\u00a0 \u00a0 .once('error', (err) => {\n\n\u00a0 \u00a0 \u00a0 console.error(err)\n\n\u00a0 \u00a0 \u00a0 process.exit(1)\n\n\u00a0 \u00a0 })\n\n\u00a0 \u00a0 .listen(port, () => {\n\n\u00a0 \u00a0 \u00a0 console.log(`> Ready on http:\/\/${hostname}:${port}`)\n\n\u00a0 \u00a0 })\n\n})\n\n<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Tweak the package.json file a bit to set the environment ready for production and activate the server.js file.<\/li>\n<\/ol>\n\n\n\n<pre class=\"wp-block-code\"><code>{\n\"scripts\": {\n\u00a0 \u00a0 \u00a0 \"start\": \"NODE_ENV=production node server.js\"\n}\n}<\/code><\/pre>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Now you have completed that, it\u2019s time to build your Next JS app. Use the npm run build or yarn run build command in your Terminal to run the build script.<\/li>\n\n\n\n<li>After completing the build, go to your file manager and locate your Next.js project files. Here you will find all the project files and folders. You may need to turn on visibility to display to find these files.<\/li>\n<\/ol>\n\n\n\n<p>You should select all the files and folders you find and avoid folders with <strong>node_modules<\/strong> and <strong>.git<\/strong> and the <strong>README.md<\/strong> and <strong>.gitignore<\/strong> files. Added all the files and folders you selected in a ZIP file.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Now, log into your cPanel. In your cPanel, go to the domain name\u2019s root folder and upload and extract the ZIP file you had created.<\/li>\n\n\n\n<li>You are all set now. Scroll down to the Software section of your cPanel. Click on\u00a0<strong>Setup Node.js App<\/strong>.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"837\" height=\"410\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image.png\" alt=\"deploy a next js app on cpanel\" class=\"wp-image-5411\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image.png 837w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-300x147.png 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-768x376.png 768w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>On the setup page, click on the\u00a0<strong>Create Application\u00a0<\/strong>button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"394\" src=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-1-1024x394.png\" alt=\"deploy a next js app on cpanel\" class=\"wp-image-5412\" srcset=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-1-1024x394.png 1024w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-1-300x115.png 300w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-1-768x295.png 768w, https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/image-1.png 1113w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Set up your Node.js app. During the set-up, ensure that the Node.js version is the right version, the application mode is set to production, the application root is set to the root directory of your domain, the application URL is set to your domain name, and the startup file set to server.js.<\/li>\n\n\n\n<li>Once the setup is completed, click on&nbsp;<strong>Create<\/strong>.<\/li>\n<\/ol>\n\n\n\n<p>Immediately after the app is created, it will start running automatically. Temporarily stop it from running by clicking on the\u00a0<strong>STOP APP\u00a0<\/strong>button.<\/p>\n\n\n\n<p>Scroll down to the&nbsp;<strong>Detected configuration files&nbsp;<\/strong>section. Click on&nbsp;<strong>Run NPM Install&nbsp;<\/strong>to get all your Node.js packages installed. Then, click&nbsp;<strong>START APP<\/strong>.<\/p>\n\n\n\n<p>Just open your domain name on your browser. Boom! Your Next.js app is live and successfully deployed.<\/p>\n\n\n\n<p>If you have any questions, you can leave them in the comment section. I would love to hear from you. Happy coding.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this tutorial, I will show you how to deploy a Next JS app on cPanel efficiently. This&hellip;<\/p>\n","protected":false},"author":1,"featured_media":5413,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[157],"tags":[],"class_list":["post-5409","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-client"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How To Deploy A Next JS App On cPanel | HarmonWeb Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How To Deploy A Next JS App On cPanel | HarmonWeb Blog\" \/>\n<meta property=\"og:description\" content=\"In this tutorial, I will show you how to deploy a Next JS app on cPanel efficiently. This&hellip;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/\" \/>\n<meta property=\"og:site_name\" content=\"HarmonWeb Blog\" \/>\n<meta property=\"article:published_time\" content=\"2024-02-01T09:31:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-01T09:32:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"John Adegoke\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"John Adegoke\" \/>\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:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/\"},\"author\":{\"name\":\"John Adegoke\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/person\\\/e9bc75c3e7e30a261690c47ec872a8fc\"},\"headline\":\"How To Deploy A Next JS App On cPanel\",\"datePublished\":\"2024-02-01T09:31:58+00:00\",\"dateModified\":\"2024-02-01T09:32:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/\"},\"wordCount\":586,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/deploy-next-js-app-on-cpanel.png\",\"articleSection\":[\"Client\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/\",\"name\":\"How To Deploy A Next JS App On cPanel | HarmonWeb Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/deploy-next-js-app-on-cpanel.png\",\"datePublished\":\"2024-02-01T09:31:58+00:00\",\"dateModified\":\"2024-02-01T09:32:00+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/deploy-next-js-app-on-cpanel.png\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/deploy-next-js-app-on-cpanel.png\",\"width\":1920,\"height\":1080,\"caption\":\"deploy next js app on cpanel\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/how-to-deploy-a-next-js-app-on-cpanel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How To Deploy A Next JS App On cPanel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\",\"name\":\"HarmonWeb Blog\",\"description\":\"HarmonWeb\",\"publisher\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#organization\",\"name\":\"HarmonWeb\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cropped-HARMON-WEB-LOGO-2.png\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/06\\\/cropped-HARMON-WEB-LOGO-2.png\",\"width\":831,\"height\":172,\"caption\":\"HarmonWeb\"},\"image\":{\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/#\\\/schema\\\/person\\\/e9bc75c3e7e30a261690c47ec872a8fc\",\"name\":\"John Adegoke\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"contentUrl\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058\",\"caption\":\"John Adegoke\"},\"sameAs\":[\"https:\\\/\\\/harmonweb.com\\\/blog\"],\"url\":\"https:\\\/\\\/harmonweb.com\\\/blog\\\/author\\\/harmonweb\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How To Deploy A Next JS App On cPanel | HarmonWeb Blog","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:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/","og_locale":"en_US","og_type":"article","og_title":"How To Deploy A Next JS App On cPanel | HarmonWeb Blog","og_description":"In this tutorial, I will show you how to deploy a Next JS app on cPanel efficiently. This&hellip;","og_url":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/","og_site_name":"HarmonWeb Blog","article_published_time":"2024-02-01T09:31:58+00:00","article_modified_time":"2024-02-01T09:32:00+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png","type":"image\/png"}],"author":"John Adegoke","twitter_card":"summary_large_image","twitter_misc":{"Written by":"John Adegoke","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#article","isPartOf":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/"},"author":{"name":"John Adegoke","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/person\/e9bc75c3e7e30a261690c47ec872a8fc"},"headline":"How To Deploy A Next JS App On cPanel","datePublished":"2024-02-01T09:31:58+00:00","dateModified":"2024-02-01T09:32:00+00:00","mainEntityOfPage":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/"},"wordCount":586,"commentCount":1,"publisher":{"@id":"https:\/\/harmonweb.com\/blog\/#organization"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png","articleSection":["Client"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/","url":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/","name":"How To Deploy A Next JS App On cPanel | HarmonWeb Blog","isPartOf":{"@id":"https:\/\/harmonweb.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#primaryimage"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#primaryimage"},"thumbnailUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png","datePublished":"2024-02-01T09:31:58+00:00","dateModified":"2024-02-01T09:32:00+00:00","breadcrumb":{"@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#primaryimage","url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2024\/02\/deploy-next-js-app-on-cpanel.png","width":1920,"height":1080,"caption":"deploy next js app on cpanel"},{"@type":"BreadcrumbList","@id":"https:\/\/harmonweb.com\/blog\/how-to-deploy-a-next-js-app-on-cpanel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/harmonweb.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How To Deploy A Next JS App On cPanel"}]},{"@type":"WebSite","@id":"https:\/\/harmonweb.com\/blog\/#website","url":"https:\/\/harmonweb.com\/blog\/","name":"HarmonWeb Blog","description":"HarmonWeb","publisher":{"@id":"https:\/\/harmonweb.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/harmonweb.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/harmonweb.com\/blog\/#organization","name":"HarmonWeb","url":"https:\/\/harmonweb.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2020\/06\/cropped-HARMON-WEB-LOGO-2.png","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/uploads\/2020\/06\/cropped-HARMON-WEB-LOGO-2.png","width":831,"height":172,"caption":"HarmonWeb"},"image":{"@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/harmonweb.com\/blog\/#\/schema\/person\/e9bc75c3e7e30a261690c47ec872a8fc","name":"John Adegoke","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","url":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","contentUrl":"https:\/\/harmonweb.com\/blog\/wp-content\/litespeed\/avatar\/0843e926db683e41ace2aee54210b841.jpg?ver=1775630058","caption":"John Adegoke"},"sameAs":["https:\/\/harmonweb.com\/blog"],"url":"https:\/\/harmonweb.com\/blog\/author\/harmonweb\/"}]}},"_links":{"self":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/5409","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/comments?post=5409"}],"version-history":[{"count":2,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/5409\/revisions"}],"predecessor-version":[{"id":5414,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/posts\/5409\/revisions\/5414"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/media\/5413"}],"wp:attachment":[{"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/media?parent=5409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/categories?post=5409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/harmonweb.com\/blog\/wp-json\/wp\/v2\/tags?post=5409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}