Next.jsReact启动器

next-starter-peacock — Next.js 启动器模板

作者 vickonrails

为工程师与设计师打造的 Next.js 14 作品集启动器，内置博客、笔记与项目案例三种内容类型。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图

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

全部页面与视图 3

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

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

值得关注的模板亮点

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

基于 Next.js 14 的 RSC 架构，使用 TypeScript 与 Tailwind CSS 构建

内置文章、笔记、作品三种内容类型，均以 markdown 文件管理

支持通过 selectedWork 字段控制作品在首页的展示

已实现 RSS Feed、代码语法高亮和 framer-motion 页面过渡

提供清晰的目录结构和配置文件，便于快速修改个人信息

模板详细介绍

Peacock 是一个面向软件工程师和设计师的 Next.js 作品集启动器，目标是帮助技术人群快速搭建个人网站，展示自己引以为傲的工作成果。项目基于 Next.js 14 的 RSC 架构，使用 TypeScript 和 Tailwind CSS 构建，整体风格偏向简洁、现代，适合作为个人品牌页面的起点。

内容组织上，Peacock 预置了三种内容类型：文章（Articles）、笔记（Notes）和作品（Works）。文章适合长篇技术博客，笔记用于短小随性的记录，作品则用来展示案例研究或项目，并可通过在 markdown 元数据中设置 selectedWork 字段来控制是否在首页展示。所有内容均以 markdown 文件形式存放在 /content 目录下，新增内容只需添加文件即可，无需操作数据库。

需要留意的是，该项目目前尚未发布 V1 版本，README 中列出的待办事项包括 MDX 支持和 og 图片生成等，说明部分功能仍在完善中。如果你需要这些能力，建议先核对项目的最新状态。另外，项目推荐通过 fork 方式使用，以便获取后续更新和修复。部署到 Vercel 的流程与常规 Next.js 应用一致，但上线前仍需自行检查内容配置和样式是否符合预期。

Next.jsReact启动器

适合你的项目吗？

适用场景

个人作品集网站
技术博客
设计师案例展示
个人品牌落地页

适合人群

希望快速搭建个人网站的软件工程师
需要展示项目案例的设计师
偏好 markdown 内容管理的技术写作者

上手与定制指南

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

1
克隆项目后，先修改 config/index.json 中的 name 和 title 字段，再运行 yarn dev 或 npm run dev 启动开发服务器。
2
内容文件分别放在 /content/articles、/content/notes 和 /content/works 目录下，添加 markdown 文件即可自动生成对应页面。
3
部署到 Vercel 时，可参考官方 Next.js 部署文档。

查看仓库使用说明