项目涵盖 首页、内容中心、文章详情、标签管理、用户认证 等核心模块,支持 动态栏目管理、文章分类、标签检索、专题展示,并结合 动画交互与 SEO 优化,提供流畅的阅读体验和优质的搜索引擎收录效果。
· 前端:Next.js(基于 SSG 静态化渲染),提升页面加载速度和 SEO 效果,部分交互增强页面采用 客户端渲染(CSR) 方式优化
体验。
· 后端:Strapi(Node.js),提供文章管理、栏目分类、用户认证等 API 服务,支持 内容动态管理。
· 动画交互:利用 GSAP、Intersection Observer,实现 页面滚动触发组件动画,增强用户体验。
· 负责 Next.js 静态化(SSG)+ 动态渲染(CSR)策略设计,实现文章详情页、标签详情页、标签列表页等多级页面的 静态化分
页,优化 SEO 并提升访问速度。
· 设计并开发 标签索引(A-Z 分类)、分页机制,优化大规模文章的检索与展示,提高内容的可发现性。
· 实现 滚动交互动画,增强用户浏览体验,同时确保动画性能优化,不影响核心页面加载速度。
· 参与 Strapi API 设计与优化,支持多级栏目、标签关联、用户权限控制,提升内容管理系统的灵活性