If you’ve built a static site with Astro, Next.js or Hugo, hosting it on Hostinger is simple and affordable. Let’s walk through it step by step.

Why Hostinger?

Hostinger offers one of the best value-for-money hosting options:

  • Price: Starting at $2.99/month
  • Free SSL: Let’s Encrypt included
  • Performance: LiteSpeed servers
  • Support: 24/7 live chat

Step 1: Build Your Project

First, generate the static files:

# For Astro
npm run build
# Output: dist/ folder

# For Next.js (static export)
npx next build && npx next export
# Output: out/ folder

# For Hugo
hugo --minify
# Output: public/ folder

Step 2: Access hPanel

  1. Log in to Hostinger hPanel
  2. Go to Websites → select your domain
  3. Open the File Manager

Step 3: Upload Files

  1. Navigate to the public_html folder
  2. Delete default files (if any)
  3. Upload the contents of your dist/ (or out/ or public/) folder
  4. Make sure index.html is at the root of public_html

Step 4: Configure SSL

  1. In hPanel, go to Security → SSL
  2. Install the free Let’s Encrypt certificate
  3. Enable HTTP → HTTPS redirect

Tip: Automate with FTP

For frequent deployments, use FTP:

# Using lftp for automated deploys
lftp -u user,password ftp.yourdomain.com -e "
  mirror --reverse --delete --verbose dist/ public_html/
  quit
"

Result

Your site will be live at https://yourdomain.com within minutes!

Need help with hosting? GeniusLab offers full support.