开源开发者作品集

Source: Dev.to

概览

如果你正在使用 Next.js 构建开发者作品集，并且想要一个真正可投入生产的示例，这个仓库提供了一个干净、可扩展且易于定制的解决方案，避免了过度设计。

特性

• 完全响应式且注重性能的设计
• 静态导出 – 可部署到任意位置，无需后端
• 跟随系统偏好的暗色/亮色模式
• 由 EmailJS 驱动的联系表单
• 可扩展、数据驱动的项目与经验结构
• 现代 Next.js 作品集架构的实用示例
• 简单替换个人信息、项目和经验
• 功能、共享 UI 与布局之间的清晰分离
• 使用 Radix UI 和 Framer Motion 实现的可访问 UI 与流畅动画

技术栈

• Next.js（App Router）
• TypeScript
• Tailwind CSS
• Radix UI
• Framer Motion
• EmailJS

部署

该站点可以静态导出并托管在任何静态文件托管服务上（例如 Vercel、Netlify、GitHub Pages），无需后端支持。

架构

• 项目和经验条目的数据驱动文件夹
• 关注点清晰分离：功能、共享 UI 组件和布局文件
• 通过编辑 JSON/YAML 数据文件或组件属性即可轻松自定义

可访问性

• UI 组件通过 Radix UI 以可访问性为前提构建
• 由 Framer Motion 提供的流畅、键盘友好的动画

仓库

🔗 GitHub Repository: