任务详情
项目目标
使用 Next.js 构建一个三语站(中
+繁+英),功能类似 Wirecutter.com,侧重 高转化 + SEO,设登录、以联盟跳转为变现核心。
技术架构与配置
o 使用 Next.js(推荐 v14+) + TypeScript + Tailwind CSS
o SSG + Incremental Static Regeneration 实现静态页面高效更新
o 支持多语言路由结构 /en/, /zh/, /zh-HK/,配 hreflang 标签优化国际SEO
o 部署建议:Vercel 或 Cloudflare Pages + 全局 CDN
页面结构参考(模仿 Wirecutter)
o 首页:三大板块入口、精选合集、佣金透明声明
o 分类页:图文说明 + 内部文章列表
o 单页:用户痛点引导 → 产品推荐卡(含跳转CTA)→ 选品逻辑说明 + JSON LD结构化
o 附加页:关于、隐私政策、Cookie条款等
功能需求
o 跳转行为自动跟踪与 Cookie归因
o GA4 全站监控埋点、UTM支持
o 自动生成 sitemap.xml、robots.txt、动态 title/description
o 结构化数据支持 Product/Review 类型 JSON LD
交付标准
o 完整仓库源代码(配置、组件、页面)
o 多语言配置与示例
o Analytics & SEO 设置脚本
o Vercel/Cloudflare 一键部署指南
o 页面布局、内容维护、联盟链接添加教程。备注:转包的不要来,带报价来。有可展示的案例。