Nuxt.js

Deploy Nuxt.js on Hostinger in static generation or SSR mode, with hPanel build settings, .output entry file, and hybrid rendering via routeRules.

Vue framework with SSR, static generation, and universal rendering. Hostinger supports both static and server modes.

app_type: nuxt

package.json

{
  "scripts": {
    "dev": "nuxt dev",
    "build": "nuxt build",
    "generate": "nuxt generate",
    "preview": "nuxt preview"
  }
}

Static generation

Pre-renders every route at build time. No server code runs at request time.

Run nuxt generate instead of nuxt build:

hPanel settings:

Field	Value
Application type	nuxt
Build script	generate
Output directory	dist
Entry file	—

Use when your data is known at build time and you want zero-cost hosting.

SSR / universal

Default Nuxt mode. Runs a Node server that renders pages on each request.

hPanel settings:

Field	Value
Application type	nuxt
Build script	build
Output directory	.output
Entry file	.output/server/index.mjs

Use when pages depend on per-request data, user sessions, or server APIs.

Hybrid rendering

Nuxt 3 supports per-route rendering rules via routeRules in nuxt.config.ts:

export default defineNuxtConfig({
  routeRules: {
    '/': { prerender: true },          // static at build
    '/blog/**': { isr: 3600 },          // ISR, 1 hour
    '/admin/**': { ssr: false },        // client-only SPA
    '/api/**': { cors: true },          // API routes
  },
});

Deploy as SSR (build + .output) — Nuxt handles the per-route mode internally.

Notes

• Set NITRO_PORT or PORT env var if you need a specific port; Hostinger assigns one automatically.

• Node 20 or newer required.

---

Last updated: July 21, 2026