Next.js 作品集模板

根据需要展示的作品选择 Next.js 作品集模板:项目案例、截图、文章或简洁的开发者介绍。比较移动端布局、项目导航、图片处理,以及替换演示内容需要的工作量。检查项目内容保存在本地文件还是 CMS 中,动画是否支持键盘操作与减少动态效果。采用设计前,先查看仓库的安装说明和许可证,再把一个真实项目放进演示布局,确认它能清楚表达你的贡献与成果。

选型前先比较

模板首先应该让人看懂你的作品。摄影师、产品设计师与开发者,需要的图片、说明文字和导航并不相同。

展开选型检查清单
  • 先把演示内容替换成一个真实项目。检查布局能否说明问题、你的贡献和结果,而不只是展示封面图。
  • 用长项目名、竖图与小屏手机检查布局。选择依赖转场动画的设计前,核对键盘导航和减少动态效果设置。
  • 确定更新频率与维护人员,检查内容文件或 CMS、联系表单的实际接口,并替换与代码许可不同的示例照片、标识和字体。
围绕作品选择作品集模板 →
对照本分类中的部分模板

按目录顺序展示前六项,不代表排名。功能来自仓库收录资料,仍需核对。

模板技术栈记录的功能演示
nxt-lnkNext.jsNext.js · 作品集有演示链接
minimal-next-portfolioNext.jsNext.js · 作品集有演示链接
sleek-portfolioNext.jsNext.js · 作品集 · 博客有演示链接
research-website-templateNext.jsNext.js · React · 作品集有演示链接
react-resume-templateNext.jsNext.js · React · 作品集有演示链接
next-personal-web-appNext.jsNext.js · React · 作品集有演示链接

当前中文目录共 125 个模板 · 第 1 / 6 页