如何将带SSR页面的NextJS应用部署到FTP服务器？

首先明确核心限制：普通FTP服务器仅支持静态文件托管，无法直接运行Node.js服务，而SSR依赖Node运行时处理动态渲染请求。因此需要通过架构拆分或环境扩展来实现需求，以下是三种可行方案：

方案1：分离静态资源与SSR服务（最通用） #

将静态资源托管到FTP，SSR服务部署在独立的Node兼容服务器（如VPS、云主机），通过路由转发区分请求：

• 构建并上传静态资源：
  1. 执行next build完成应用构建，生成.next目录和静态资源文件
  2. 将public目录、.next/static下的所有静态资源（JS、CSS、图片等）上传到FTP服务器
• 部署SSR服务：
  1. 在Node兼容服务器上上传完整的构建产物（.next目录、package.json、next.config.js等）
  2. 执行npm install（若未上传node_modules），再通过next start启动SSR服务（默认端口3000）
• 路由配置：
  1. 通过域名解析或反向代理（如Nginx）设置规则：将/static/*、/_next/static/*这类静态请求指向FTP服务器，其余动态请求转发到Node SSR服务
  2. 示例Nginx配置片段：

     server {
       listen 80;
       server_name your-domain.com;
     
       # 静态资源转发到FTP
       location ~ ^/(static|_next/static) {
         proxy_pass http://your-ftp-server-ip;
       }
     
       # SSR请求转发到Node服务
       location / {
         proxy_pass http://your-node-server-ip:3000;
       }
     }
     

方案2：用增量静态再生（ISR）替代部分SSR（业务兼容时优先） #

如果部分页面无需实时动态数据，可使用Next.js的ISR特性，既保留SEO优势，又能将大部分页面静态化后托管到FTP，仅保留少数核心SSR页面：

• 配置ISR：在需要静态化的页面中使用getStaticProps并添加revalidate参数（如revalidate: 60表示每60秒重新生成页面）
• 构建并上传静态文件：执行next build && next export生成静态文件到out目录，将整个out目录上传到FTP
• 保留SSR服务：将必须实时渲染的页面（如用户订单页、个性化推荐页）部署在Node服务，通过域名路由区分（如/api/*、/user/*指向Node服务）

方案3：扩展FTP主机的Node运行环境（仅当主机支持时） #

若你的FTP服务器所在的主机是VPS/云主机（只是习惯用FTP传文件），可直接在主机上安装Node环境运行SSR服务：

• 安装Node.js：通过SSH登录主机，安装对应版本的Node.js和npm/yarn
• 上传项目文件：通过FTP上传完整的Next.js项目（包括.next、package.json等）
• 启动并管理服务：
  1. 在主机上执行npm install安装依赖
  2. 使用PM2管理Node进程（防止服务崩溃）：pm2 start npm --name "next-ecommerce" -- start
  3. 配置主机端口映射，将80/443端口指向Next服务的3000端口，确保外部可访问

关键注意事项 #

• 纯静态FTP托管服务（仅提供文件存储）无法运行Node，必须采用方案1或2
• SSR服务需配置进程管理工具（如PM2）保证稳定性
• 静态资源需设置合理的缓存策略，提升加载速度

内容的提问来源于stack exchange，提问作者Gabriel Palmyro