这个博客是怎么搭起来的:Next.js + PostgreSQL + 一台小服务器
2 核 2G 的华为云,Ubuntu 24.04,没有 Docker。从设计稿到上线踩过的坑:Windows 构建、字体子集、玻璃拟态的性能账。
这个站是我自学 Web 开发的作品集,也是记录工作与折腾的地方。技术栈一句话:Next.js 15 + PostgreSQL + systemd 裸奔。
为什么不用现成平台
因为想搞懂每一层。从数据库迁移、JWT 会话、CSRF 防护,到 nginx 的缓存策略——每个环节自己踩一遍,才算真的会。
踩过的三个坑
- Windows 构建 → Linux 运行:standalone 产物要显式处理
public/目录,否则字体图标全 404 - 中文字体太大:站酷黄油体按 unicode-range 切成 92 个子集,首屏只加载用到的几块
- 2G 内存跑构建:服务器上只跑运行时,构建全在本地完成,产物 tar 上传原子切换
玻璃拟态的性能账
backdrop-filter: blur(16px) 很贵,全站十几块面板同时模糊,低端手机会掉帧。解法是控制模糊层数、面板透明度分级、背景网格用 fixed 不随滚动重绘。
接下来想做的事:接入评论、做订阅、把运营数据可视化成公开页面。