How To Host Next.js On Hostinger (Static & SSR 2026 Guide)
Last Updated 13 September 2026 by Jarvis Silva
Next.js is the industry-leading React framework for production web applications, offering blazing-fast hybrid rendering and SEO optimization.
Depending on whether your app is a static website (blogs, portfolios, landing pages) or requires dynamic SSR and API routes, Hostinger offers two distinct, high-performance hosting pathways. In this complete 2026 guide, we cover both methods step by step.
⚡ Quick Decision: Which Hostinger Plan for Next.js?
Static Next.js Apps
Blogs, docs, marketing sites, client portfolios
✓ Use Hostinger Shared Hosting ($2.49/mo) with output: 'export'.
Dynamic SSR & API Routes
Auth, databases, real-time dashboards, e-commerce
✓ Use Hostinger KVM VPS ($5.49/mo) with Node 20 LTS & PM2.
Method 1: Deploy Static Next.js on Hostinger Shared Hosting
If your website does not require server-side functions at runtime, exporting it as static HTML/CSS gives you maximum security, near-instant load times, and zero server maintenance:
Step 1: Configure next.config.js for Static Export
In your project root, open next.config.js (or next.config.mjs) and add output: "export":
/** @type {import('next').NextConfig} */
const nextConfig = {
output: "export",
images: {
unoptimized: true,
},
};
module.exports = nextConfig;
Step 2: Build Your Application
Run the build command in your local project terminal:
npm run build
Next.js will generate a folder named out containing your pre-rendered HTML files, images, and static JavaScript chunks:
Step 3: Upload /out Contents to Hostinger File Manager
- Log in to Hostinger hPanel, select your website, and open Files > File Manager.
- Open
public_html. - Zip all the files inside your local
outdirectory (make sure you zip the contents, not the outer folder itself). - Upload the zip archive into
public_htmland right-click to Extract.
Method 2: Deploy Dynamic Next.js SSR on Hostinger KVM VPS
If your Next.js application requires dynamic server features, cookies, authentication, or server-side API routes, deploy it on a Hostinger KVM VPS using Node.js and PM2:
- In
next.config.js, enable standalone output:output: "standalone". - On your Hostinger VPS, install Node 20 LTS and PM2 (read our complete Node.js on Hostinger VPS guide).
- Run
npm run buildon the server and start the Next.js server using PM2:
pm2 start npm --name "next-app" -- start
Get Hostinger Web Hosting at 75% OFF + Free Domain
Host your Next.js website with high-speed NVMe storage, unlimited free SSL certificates, and 99.9% uptime from just $2.49/month.
Frequently Asked Questions
Can I host dynamic Next.js (SSR & API routes) on Hostinger Shared Hosting?
Hostinger Shared Hosting only supports static HTML/CSS/JS files (generated via output: 'export'). If your Next.js app uses Server-Side Rendering (getServerSideProps, dynamic server components) or API Routes, you should deploy it on a Hostinger KVM VPS using Node.js or Docker.
How do I configure Next.js for static export?
In next.config.js (or next.config.mjs), add 'output: "export"' and 'images: { unoptimized: true }' inside your nextConfig object, then run 'npm run build'. Next.js will generate a standalone 'out' folder with your pre-rendered HTML.
How much does it cost to host Next.js on Hostinger?
For static Next.js export, Hostinger Premium Shared Hosting costs just $2.49/mo (includes free domain and SSL). For dynamic full-stack Next.js SSR, Hostinger KVM 2 VPS starts at $5.49/mo.
Can I use Next.js Image Optimization on Hostinger Shared Hosting?
Because Next.js image optimization requires an active Node.js server to resize images on the fly, static exports on shared hosting require 'images: { unoptimized: true }' or a third-party image loader like Cloudinary. On a Hostinger VPS, full image optimization works natively.
Related Tutorials:
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.
