建站这活儿，说白了就是“看着简单，干着全踩雷”，我叫老周，以前在广告公司修图，后来被逼无奈自己折腾了七八年网站，从WordPress换到Vue，最后死磕在Next.js上，今天这篇不是温吞水的教程复读机，就是把我这十年里在服务器上、域名里、SSL证书里、还有Next.js的“坑”里爬出来的经验，全抖搂给你，保证让你看完直拍大腿,少花冤枉钱。
从白嫖到真香，一个Next.js教程老手，替你趟过的那些服务器与SEO的坑
第一坑：别信“一键部署”，你的服务器可能水土不服
当年我接了个外贸站，客户指定Next.js，我图省事，直接在某云主机上点了“Node.js环境一键安装”，结果呢？部署完第二天，页面打开要8秒，后来一查，Next.js默认的服务端渲染（SSR）对内存和CPU的消耗比静态页高得多，我那台2核4G的便宜云服务器,光跑Node进程就快喘不上气了。
解决方案：想省预算，别死磕SSR，如果你的站点内容不实时变化（比如博客、官网），改改代码，用next export生成纯静态文件，然后扔到Nginx里，服务器成本直接砍一半，速度还快，如果非要用SSR，内存至少上8G，而且一定给Node进程设置内存上限（用NODE_OPTIONS=--max-old-space-size=1024），不然半夜流量一涨，直接OOM（内存溢出），网站白屏,客户半夜打电话骂你。
第二坑：域名解析的“缓存陷阱”和SSL的“漏网之鱼”
去年我给一个客户配域名，明明解析记录都加了，等了一晚上还是不生效，后来发现，是本地DNS缓存在作祟，Windows上敲ipconfig /flushdns，Mac用sudo killall -HUP mDNSResponder，这能治80%的“解析不生效”焦虑，但还有20%，是你买了SSL证书，签发了，却只给主域名弄了，www忘了，结果用户输www.xxx.com，浏览器直接大红锁警告,秒跑。
解决方案：买SSL时选“泛域名证书”（*.xxx.com），或者用免费的Let‘s Encrypt，通过Certbot自动续期，但注意，Next.js自定义服务器（Next.js配置了server.js）时，SSL证书要挂在Nginx上，而不是Node里，Nginx配置里，server_name要同时写上xxx.com和www.xxx.com，然后做301跳转，把不带www的统一跳到带www的,这样SEO权重才不分散。
第三坑：Next.js的“服务端”思维，别把代码全扔前端
新手最容易犯的错，是把Next.js当纯React SPA（单页应用）用，一上来就是useEffect里fetch数据，结果刷新页面白屏，搜索引擎抓不到内容，你要明白，Next.js之所以快，是因为它能在服务端提前把数据拼好,直接给浏览器和爬虫一段完整的HTML。
踩坑经历：我接了个医疗官网，数据要调第三方的慢接口，我一开始在getServerSideProps里直接同步等待，结果TTFB（首字节时间）要3秒，后来改了，在Next.js里用增量静态再生（ISR）：设置revalidate: 60，让页面60秒后后台自动重新生成缓存，用户访问永远拿的是缓存，快如闪电,只有后台才去慢慢请求那个慢接口。
长期维护建议：Next.js版本千万别追新，我见过太多人升级到13或14的App Router后，老代码全废了，选一个LTS（长期支持）版本，比如12或13稳定版，配套的Node版本锁死（比如Node 16或18），因为Next.js的跟版本关联性太强，升级一次，意味着改动几十个文件，加班两周,纯属自虐。
最后一坑：别忽略日志和监控
网站跑不起来，或者时不时报错，你连看哪儿都不知道，我以前就干过蠢事，服务器硬盘满了都不知道，因为Next.js默认日志文件特别大，又不自动切割，最后我用了一个土办法：写个Shell脚本，每天凌晨通过crontab压缩并把.log文件删除（保留.gz压缩包），但这治标不治本，真正好用是装个免费的UptimeRobot，每5分钟ping一下你的网站，挂了就发邮件，再加个Sentry（免费额度够小站用）,前端JS报错一目了然。
总结一句掏心窝的话：Next.js是一把好刀，但它考验的是你的“运维内功”，省钱的核心不是买最便宜的服务器，而是用对渲染策略；省时间的核心不是抄代码，而是理解服务端和静态化的边界。
我是老周，如果你在域名解析上卡了壳，或者在Nginx反向代理里转晕了头，不妨把这篇文章翻出来再看看，踏实把基础打好，咱这Next.js才能变成“真香”生产力工具。
发表评论