How To Host Next JS Website On Hostinger
Last Updated 02 April 2025 by Jarvis Silva
Want to host your website made using next js on hostinger then you are at the right place in this tutorial I will show you step by step on how to host a next js website on hostinger.
Next js is a popular javascript framework based on react, website made using next js are fast compared to normal websites made using wordpress.
Hostinger is one of the most affordable web hosting solution, highly secured and easy to use, So hosting your next js website on hostinger is a good choice.
Important Note
- Only Next.js websites which are static and are exported using the static method can be hosted on Hostinger's shared hosting.
- If the Next.js website is dynamic and does not support static export you can host it by Purchasing a VPS hosting plan from Hostinger. Note: Hosting on a VPS is not covered in this tutorial.
So without wasting our time let's see step by step how to host next js website on shared hosting of Hostinger.
Don't Have A Hostinger Account Yet
Get 70% Discount On Web Hosting Plans + 3 months FREE
1. Create a Static Export Of Next JS Website
- As I have said we need to export our next js website into a static html website inorder to host it on Hostinger, to create a static export go to your next.config.js file and add output:"export"
/** @type {import('next').NextConfig} */
const nextConfig = {
output: "export",
};
module.exports = nextConfig;
npm run build

2. Setting Up Hostinger And Domain
In this step we will see how to setup hostinger hosting and domain if you already have hostinger account and a domain then you can skip this and go to the next step.
1. Sign Up For a Hostinger Account
- As I have said I will use Hostinger's shared hosting so it has single, premium and business shared hosting plans, I would suggest you go with the premium as it is price worthy you get a free domain, a email and can host multiple websites.
- Complete the registration process by providing the necessary details and selecting a payment method.
2. Configure Domain Settings
Once you have successfully created your Hostinger account,
- Log in to the control panel
- Go to Domains section, click on Add Domain
And here you will see two options: Register a new domain or Use an existing one. Follow below steps accordingly
Register a New Domain
With hostinger premium shared hosting you can register a free domain and you don't have do any domain configuration if you register domain with hostinger.
Or use an Existing Domain
If you already have a domain then you can use that domain to host your website and add your domain to hostinger now you will need to update the domain's nameservers to point to Hostinger.
To update your nameservers follow this guide: Setup domain in hostinger or contact hostinger support for help if you are facing problems with domain configuration.
3. Upload Exported Next JS Files To Hostinger
Now for the final step we have to upload the exported next js files from the out folder which we did in the first step to the hostinger server.
- Now go to your hostinger panel and click on the File manager button.
- It will open up your file manager where you can upload your website files on the hostinger server, your file manager when opened will look something like this:
- Now open the public_html folder and drag and drop all the files from the next js out folder which we exported earlier inside the public_html folder, below is an example:



Make sure you only put the files from the out folder that was statically exported in next js, Now if you visit your website you should see your next js website showing up.
4. Enable SSL Certificate
You get a FREE SSL Certificate with Hostinger plans, by enabling it you make your website more secure and trustworthy so to enable it follow below steps:
- Go to the dashboard of the site you want to enable SSL of for us it will be the next js website
- In the sidebar go to Security > SSL
- You will see a Install SSL button click on it to enable SSL on the website.

So this was the complete tutorial on hosting next js website on the hostinger shared hosting, I hope you were able to host your website successfully and do share this guide with someone who might need it.
If you face any issues while hosting or any domain related issues you can contact us we will assure to help you.
Frequently Asked Questions
Can I host Next.js in Hostinger?
Yes, you can host a Next.js application on Hostinger. Hostinger provides the necessary infrastructure to support Node.js applications, which is the runtime environment Next.js runs on.
Can we host Node.js on Hostinger?
Yes, you can host a Node.js application on Hostinger via their VPS Plans.
Can we deploy Next.js on shared hosting?
Yes, you can deploy a Next.js application on shared hosting by using the next export command to generate static files and then uploading them to your hosting provider. However, for dynamic features or server-side rendering, consider using VPS or cloud hosting.
About the author
I am Jarvis Silva, a tech enthusiast. I have 5 years of experience in website hosting and development, Now sharing all my knowledge related to web hosting and other various tech on the internet through Hostwizly.
Free Wordpress Website Setup
We will setup your wordpress website for free and get you started on your online journey.
Claim