Hostinger主机环境下，如何用NextJS开发网站替代WordPress？

根据你的Hostinger主机类型和Next.js项目需求，有三种主流部署方案可选：

方案1：静态导出（适合纯静态站点，无SSR/ISR需求） #

如果你的项目不需要服务器端渲染、增量静态再生等动态功能，直接导出静态文件是最简便的方式：

• 本地项目中修改next.config.js，添加静态导出配置：

  /** @type {import('next').NextConfig} */
  const nextConfig = {
    output: 'export',
    // 可选：自定义导出目录，比如 distDir: 'dist'
  }
  
  module.exports = nextConfig
  

• 执行构建命令生成静态文件：

  npm run build
  

  项目根目录会生成out（或自定义）文件夹，包含所有静态页面资源。
• 通过Hostinger文件管理器或FTP工具，将out内的所有文件上传到主机的public_html目录（子域名对应子目录）。
• 登录Hostinger后台确认域名解析已指向主机IP，访问域名即可查看站点。

方案2：利用Hostinger内置Node.js环境部署（支持SSR/ISR，共享主机/Cloud Hosting） #

Hostinger部分套餐提供Node.js管理器，可直接部署带动态功能的Next.js项目：

• 本地完成项目构建：执行npm run build生成.next目录，确保package.json、package-lock.json（或yarn.lock）完整。
• 通过FTP或文件管理器，将.next、package.json、锁文件上传到主机的非public_html目录（比如新建next-project文件夹）。
• 进入Hostinger后台，打开Node.js Manager：
  • 点击Create Node.js App，选择刚才上传的项目目录，设置启动命令为npm start（若用自定义服务器则填node server.js）。
  • 分配可用端口，设置域名映射，将你的域名绑定到这个Node.js应用。
• 启动应用，Hostinger会自动配置反向代理，完成后即可通过域名访问Next.js站点。
• 注意：Next.js 13+ App Router项目需确保启动命令适配，必要时添加--port指定端口。

方案3：VPS部署（完全自定义，适合复杂项目） #

如果使用Hostinger VPS，可自由配置环境部署任意版本的Next.js：

• 登录VPS，安装Node.js（推荐用nvm管理版本）：

  curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash
  source ~/.bashrc
  nvm install 20  # 安装LTS版本，可按需选择
  

• 克隆或上传项目到VPS，安装依赖并构建：

  git clone 你的项目仓库地址
  cd 项目文件夹
  npm install
  npm run build
  

• 用PM2管理进程，保证应用后台运行：

  npm install pm2 -g
  pm2 start npm --name "nextjs-app" -- start
  

• 配置Nginx反向代理，将域名指向Next.js默认端口3000：
  创建并编辑Nginx配置文件：

  server {
      listen 80;
      server_name 你的域名 www.你的域名;
  
      location / {
          proxy_pass http://localhost:3000;
          proxy_http_version 1.1;
          proxy_set_header Upgrade $http_upgrade;
          proxy_set_header Connection 'upgrade';
          proxy_set_header Host $host;
          proxy_cache_bypass $http_upgrade;
      }
  }
  

  启用配置并重启Nginx：

  ln -s /etc/nginx/sites-available/你的域名.conf /etc/nginx/sites-enabled/
  nginx -t
  systemctl restart nginx
  

• 配置SSL证书（免费用Let's Encrypt）：

  apt install certbot python3-certbot-nginx
  certbot --nginx -d 你的域名 -d www.你的域名
  

内容的提问来源于stack exchange，提问作者Abdul Rasheed Azar