郭家铭的个人作品集

面向招聘方的纯中文个人作品集，集中展示 AI 全栈、前端工程与 AI 视频产品方向的项目成果、能力矩阵和工作经历。页面采用全宽冰川玻璃视觉语言，并以纯 CSS 环境背景和轻量动效营造层次感。

技术栈

• React 19
• TypeScript
• Vite
• Tailwind CSS 4
• Vitest + Testing Library

本地开发

Node.js 版本要求：>=22.13.0。如果使用 nvm：

nvm use

安装依赖并启动开发服务器：

npm install
npm run dev

测试与构建

依次运行完整的测试、代码检查、类型检查和生产构建：

npm test
npm run lint
npx tsc --noEmit
npm run build

本地预览构建产物：

npm run preview

静态 Nginx 部署

现有部署目标是腾讯云服务器上的 Nginx 静态站点，流程如下：

1. 本地开发完成后推送到 GitHub。
2. 通过 GitHub → Gitee 同步仓库。
3. 服务器从 Gitee 拉取最新代码。
4. 确认服务器 Node.js 版本满足 .nvmrc 和 package.json 的要求：

node -v
nvm install
nvm use

5. 在服务器项目目录安装锁定依赖并构建：

npm ci
npm run build

6. 将 Nginx 站点根目录指向项目的 dist/。
7. 使用 deploy/nginx.conf.example 作为配置参考；其中 try_files 已覆盖 SPA 路由刷新场景。

dist/ 是最终需要由 Nginx 托管的静态构建产物。