Next.jsReact作品集

ai-resume-to-portfolio — Next.js 作品集模板

作者 post2sultan

用一份结构化简历喂给任意编码 LLM,生成 Next.js 个人作品集站点,含 SEO 与无障碍基础。

看看你的网站会是什么样

浏览真实页面截图,比较内容排版与手机效果。点击下方缩略图切换,放大查看整页细节。

2 个预览视图
桌面端首页1 / 2
桌面端截图

演示站首页的真实桌面布局。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。 本截图因高度限制未包含整页。

采集于 2026-09-27查看来源

值得关注的模板亮点

从已有项目资料中,快速了解它的特点。

01

以 resume/RESUME.md 作为结构化输入,由编码 LLM 按 CUSTOMIZE_WITH_AI.md 改写站点

02

Next.js + TypeScript 作品集,含指标、案例研究、经历、技能、资质等职业叙事区块

03

内置 SEO 与结构化数据:Open Graph、canonical、ProfilePage/Person JSON-LD、sitemap、robots、web manifest

04

提供无障碍基础:语义化内容、键盘行为、reduced-motion 支持

05

附 BEGINNER_GUIDE.md 与 docs/PUBLISHING.md,覆盖域名、托管与搜索引擎提交

模板详细介绍

这个模板的定位不是「又一个作品集起始页」,而是把简历到网站的转换过程交给编码 LLM 完成。仓库提供一个 Next.js + TypeScript 的作品集应用,同时把可被模型稳定解读的简历输入放在 resume/RESUME.md,把定制指令放在 CUSTOMIZE_WITH_AI.md,使用者按三步走:复制仓库、替换简历内容与 public/ 下的图片、把定制提示词交给编码助手。它刻意不绑定某一家模型或托管商,Codex、Claude Code、Cursor、Copilot、Gemini CLI 等能读写项目目录的工具都在说明范围内。

页面结构偏向职业叙事而非通用简历页:影响力指标、案例研究、经历、技能、资质与联系方式等区块,配合 Open Graph、canonical、ProfilePage/Person JSON-LD、sitemap、robots 和 web manifest,以及语义化内容、键盘操作和 reduced-motion 等无障碍处理。适合高管、顾问、创始人、运营或创意从业者做一份可信的个人站点,也适合想验证「LLM 按约束改代码」这一工作流的人。

需要留意几点:仓库标称 production-ready,但真实上线效果取决于你给模型的简历质量与后续人工核对,模板本身不包含托管账号、域名或 DNS 配置。演示内容(Sultan of Scale 的履历、照片、公司标识)不在 MIT 许可范围内,发布前必须替换。另外仓库 stars 为 0、许可证状态标注为 review,采用前建议自行确认 LICENSE 与 NOTICE.md 的实际条款。

Next.js作品集

适合你的项目吗?

适用场景

  • 把已有简历快速转成个人职业网站,而不是从零搭页面
  • 需要一份不绑定特定模型或托管平台的 LLM 定制工作流
  • 顾问、创始人、运营等需要案例研究与量化成果展示的个人品牌页
  • 作为学习 Next.js 元数据、结构化数据与无障碍实践的参考项目

适合人群

  • 有现成简历、希望用 AI 助手完成大部分改写的个人
  • 愿意按文档逐步操作、但不需要手写应用代码的使用者
  • 使用 Codex、Claude Code、Cursor、Copilot、Gemini CLI 等可读写项目目录工具的开发者

上手与定制指南

结合仓库当前版本的说明,按下面的资料检查内容、配置与运行要求。

  1. 1

    需要 Node.js 22.13 或更新版本与 npm,npm install 后 npm run dev 在 3000 端口启动

  2. 2

    发布前运行 npm run check;简历文件中不要写入密码、API key、证件或私人地址

  3. 3

    演示用的履历、照片、公司标识与商标不在 MIT 许可内,上线前须替换,并核对 LICENSE 与 NOTICE.md

  4. 4

    仓库未包含托管账号、DNS 记录与凭据,Cloudflare、Vercel 等部署需自行配置

查看仓库使用说明

授权与来源资料

使用条件与限制

有额外使用条件

源代码和原创设计采用MIT许可,但演示传记、个人照片、公司标识、商标及第三方素材被排除在MIT许可之外,发布前需替换。

使用时需要遵守

  • 保留原作者版权声明和 MIT 许可证声明。
  • 保留版权声明和许可声明于所有副本或实质部分
  • 发布前替换演示素材和声明

额外费用与待核对事项

  • 未确认NOTICE.md中第三方素材的具体授权范围
查看原文依据

Demo biographies, personal photographs, company logos, trademarks, and third-party materials are excluded from that license

README 原文

Permission is hereby granted, free of charge, to any person obtaining a copy

许可证原文
https://github.com/post2sultan/ai-resume-to-portfolio/blob/main/LICENSEhttps://github.com/post2sultan/ai-resume-to-portfolio/blob/HEAD/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-09-24。结果仅覆盖已读取资料,依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料一般 · 74 / 100
技术栈
Next.js · React
网站类型
作品集
这个分数如何计算

本站按许可资料(最高30分)、演示链接(12分)、预览图(10分)、Star数(15分)、记录的维护时间(15分)、描述完整度(8分)、功能记录(5分)和分类资料(5分)计算。它不是代码、安全或性能测试,也不是 Google 评分;有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间
2026-09-06
截图检查日期
2026-09-07

已收录演示链接。请用你的内容与屏幕尺寸检查;有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Next.js。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料,不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

当前版本没有可核对的编辑审核记录;旧的应用时间不代表已完成事实审核。

这条历史介绍未保存固定版本的来源快照。请对照当前仓库,发现不一致可反馈。

反馈内容错误

看看同类模板

对比同技术栈与用途的模板,找到更适合的视觉与内容结构。