外贸网站落地页产品系统Vibe Coding

本项目面向纺织面料出口行业，为 Bagfex 品牌搭建英文外贸独立站，主要服务欧美地区的箱包制造商及面料采购客户。针对传统外贸业务中产品资料分散、面料选型沟通成本高、海外客户获取渠道有限等问题，通过统一的产品目录、应用场景展示和在线询盘入口，帮助客户了解产品、筛选面料并提交采购需求，同时为搜索引擎收录和持续获客提供基础。

网站包含品牌首页、产品目录、产品详情、应用场景、文章资讯、联系页面及后台管理模块。客户可以浏览面料图片与产品资料，按产品分类和筛选条件查找面料，并结合应用场景了解产品用途；通过在线询盘表单提交采购需求及附件，也可通过 WhatsApp 等联系方式进一步沟通。后台支持产品、文章及询盘管理，便于维护网站内容和跟进客户需求。项目还包含询盘邮件通知、人机验证、访问频率限制，以及页面元信息、站点地图、结构化数据和历史链接重定向等功能。

负责网站前后端功能开发、数据库设计、页面交互及部署适配。项目以 TypeScript 为主要开发语言，采用 React 和 Next.js 路由约定，通过 vinext 与 Vite 完成开发和构建；使用 Tailwind CSS 实现响应式布局，结合 GSAP 实现首页及滚动动效。服务端运行于 Cloudflare Workers，使用 D1 数据库与 Drizzle ORM 管理业务数据，使用 R2 存储图片和询盘附件。围绕产品检索、询盘提交、附件上传及后台管理实现完整业务流程，并通过 Vitest、ESLint、类型检查和构建检查验证代码质量。