SEO 要求高、内容型、登录前也需要强大渲染能力的 Web 应用时,Next.js 是明显更优的选择。
如果你主要做:H5 小程序、App、以登录后操作为主的管理后台、SEO 不重要,uni-app + Vue 依然够用,而且改造成本最低。
情况 A:你的平台需要强 SEO、强国际化(比如活动平台)
这类平台天然要求:
每个活动页都要被 Google 收录
活动搜索曝光
访问速度全球稳定
多语言支持
Next.js 是绝对第一选择。
SEO、SSR、静态页面生成(SSG)、Isr 都是 uni-app 做不到的。
???? 像 Eventbrite、Luma 等国际平台全部用 React + SSR 技术栈。
情况 B:你们需要快速做 App、小程序给国内用户用
uni-app 没对手。
一套代码 → H5、小程序、App
成本低
调试方便
组件生态完整
Next.js 在这个方向上是 弱项。
如果你要兼顾小程序和 App,那么仍然 不要换 Next.js。
和 PHP 后端如何配合?
Next.js + PHP 后端 完全没问题
部署的话,有什么特殊要求吗?
Next.js 的部署要求,比普通 Vue 前端“更高一层”,但绝对不复杂。
你只要满足:
✔ 能跑 Node(>=18)
✔ 能跑一个常驻服务(SSR 服务)
✔ 能做反向代理(Nginx / Apache)
✔ 能访问 PHP 后端 API
基本就没其它“坑”。之前 PHP + Nginx 的部署经验照搬 70%,剩下 30% 是运行 Node 服务。
Next.js 部署方式(你可以任选一种)
方式 1:PM2 + Node(最推荐,最稳定)
你已经会用 Nginx + PHP-FPM,所以这种方式上手最顺。
部署步骤概览:
构建
npm install
npm run build
启动 SSR 服务
pm2 start npm --name "next-app" -- run start
Nginx 配置反向代理
location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $host;
}
???? 支持 SSR / 动态路由 / 国际化 / SEO
⚡ 稳定,性能强
???? 成本:一台服务器即可(Node + PHP 同机)
方式 2:打包成静态 SSG(无需 Node)
如果你不需要 SSR,只是静态内容(博客、文档、Landing Page):
npm run build
npm run export
输出全是 HTML,直接放 Nginx。
优点:
不需要 Node
CDN 加速非常轻松
缺点:
不能 SSR
动态页面不适用
适用于:官网、静态营销页。
方式 3:Docker 部署(如果你们懂容器)
Dockerfile:
FROM node:18-alpine
WORKDIR /appCOPY . .
RUN npm install && npm run build
CMD ["npm", "run", "start"]
优点:
可加到 CI/CD
版本一致性强
运维更现代
缺点:
你们需要有 Docker 基础
