Next js Deployment on cPanel Shared Hosting: Your Ultimate cPanel Guide

  • Home
  • Cpanel
  • Next js Deployment on cPanel Shared Hosting: Your Ultimate cPanel Guide
Next Js Deployment On Cpanel

What is Next.js and Next Js Deployment on cPanel ?

Next.js is a popular React framework used for building server-side rendered (SSR) and statically generated (SSG) web applications. It is built on top of React and provides additional features and optimizations for building scalable and high-performance applications. In this tutorial we will learn Next.js Deployment on cPanel Shared Hosting.

Next.js simplifies the process of building complex web applications by providing features like server-side rendering, automatic code splitting, static site generation, and client-side routing. It allows developers to write modern JavaScript, including React components, and seamlessly renders them on the server, providing fast initial page loads and improved search engine optimization (SEO).

With Next.js, you can create dynamic and interactive web pages that load quickly, enhance the user experience, and are easily scalable. It also provides built-in support for CSS modules, API routes, and various deployment options.

Next.js has gained popularity due to its developer-friendly features, performance optimizations, and its ability to handle both server-side rendering and static generation, making it a versatile framework for building modern web applications.

Challenges to Deploy a Next.js App on cPanel Shared Hosting Environment

Here are a few challenges to deploying Next.js projects on cPanel shared hosting.

  • Shared hosting resources are limited. Shared hosting plans typically offer limited CPU, memory, and storage resources. This can be a challenge for Next.js projects, which can be resource-intensive.
  • Shared hosting environments are not always optimized for Next.js. Shared hosting providers often use outdated versions of Node.js and other software that may not be compatible with Next.js. This can lead to performance problems and other issues.
  • Shared hosting providers do not offer the same level of support as dedicated hosting providers. If you encounter problems deploying or running your Next.js project on shared hosting, you may have difficulty getting help from the hosting provider.

If you are considering deploying a Next.js project on shared hosting, it is important to weigh the risks and benefits carefully. If you have a small project with low traffic, shared hosting may be a viable option. However, if you have a larger project or expect high traffic, you may be better off with a dedicated hosting plan.

But you want to deploy a Next.js app in shared hosting, take no worries. In this tutorial, we will walk you through the process of deploying a Next.js application on cPanel shared hosting. Although cPanel is primarily designed for hosting static websites, with a few modifications and tricks, we can successfully deploy a Next.js app on it. So let’s get started!

Step 1: Prepare your Next.js project

Make sure your Next.js project is ready for deployment. Ensure that it builds without errors and that all dependencies are correctly specified in the package.json file. If you haven’t built your application yet, follow these steps:

  1. Install Node.js and npm on your local machine if you haven’t already.
  2. Open your terminal or command prompt and navigate to your project directory.
  3. Run the command: npm run build
  4. This will generate a production-ready build of your Next.js app in the “out” directory.
Next.js Deployment On Cpanel Shared Hosting

The out folder is essentially a super-compressed version of your program that has everything your browser needs to identify and run your app.

Go to your “out” folder. Select all of your file and compress them into a zip file.

Compressed Zip File

Step 2: Prepare Your cPanel Account

To deploy your Next.js app on cPanel, you need to perform the following preparations:

  1. Access your cPanel account.
  2. Set up a new subdomain or use an existing one for your Next.js app. For example, “”.

To create a subdomain. Go to your cPanel account. Find domains section Click “Domains” under the “Domains” section.

“Domains” Under The “Domains” Section

Click the “Create A New Domain” button.

“Create A New Domain” Button.

Enter the subdomain name to add in the “Domain” text box.

Deselect the “Share document root (/home/username/public_html) with “domain.tld”.” option.

Enter the directory where you want the files for this subdomain to exist.

Click the “Submit” button.

“Sub Domain” Text Box

Step 3: Upload Your Next.js App to cPanel

Now, let’s upload your Next.js app to cPanel

After submit the subdomain name you will see your newly created subdomain in domain list.

now click on document root to navigate root folder

Domain List.

it will redirects you to a new tab with cPanel file manager where you will see your subdomain root folder and click on it. After clicking the folder the folder should be empty.

Cpanel File Manager

on top bar you will see a upload button. click on it and it will redirect you to a new tab where you can upload your next.js file.

Upload Your Next.js File

Upload your zip file from out folder what you have created little earlier.

Upload Your Next.js File

After uploading 100% go to cPanel file manager tab and click on refresh button.

You will see uploaded zip file there and extract the file

Uploaded Zip File Extract

Now you’ll see extracted folder file here.

Extracted File

Once the upload is complete, ensure that the subdomain folder contains the “index.html” file and other assets.

Step 4: Access Your Deployed Next.js App

Congratulations! Your Next.js app is now deployed on cPanel shared hosting. To access it, simply open your web browser and visit your subdomain URL (e.g., You should see your Next app running smoothly.


In this tutorial, we learned how to deploy a Next.js app on cPanel shared hosting by creating a production build, uploading the files updating the “index.html” file. While cPanel is primarily designed for static websites, with a few modifications, you can successfully host a Next.js app. Now you can showcase your amazing Next projects to the world using the convenience of shared hosting. Happy coding!

Upto 90% OFF Domains

Get the Hosting at the Lowest Price

Free .COM For Limited Time

Free Website Toolkit

Money Back Guarantee

If you’re unhappy for any reason, let us know why. Our friendly support guy is standing by.

If you do decide we’re not the right host for you though, we’ll give you a hassle-free refund. We may have to stock up on tissues if you cancel though because we hate break-ups, but we promise, no hard feelings. Just cancel your account within your first 30-days for a full refund, or receive a prorated refund of unused service after 30-days. It’s that easy.

Free Domain Registration

In order to qualify for (1) one free domain name registration, you must sign up for a 12, 24 or 36 month Bitbyhost Shared, Web hosting and WordPress plan. Offer only applies to domains available only .com at the time of hosting signup, and on their initial purchase term. This offer is NOT available under any other hosting plans, nor can it be combined with any other offers. After the first year, your domain will renew at the regular rate.
If your hosting plan includes a free domain and you cancel your hosting within the first year, a non-refundable $12.08 USD domain fee (+ any applicable taxes) for the domain name will apply. Please note that newly registered domains cannot be transferred to another registrar during the first 60 days of the registration period.

Discount will be automatically applied to your cart at checkout.