Next.jsReactHTML作品集工具站

cv-generator — Next.js 作品集模板

作者 mrmcb92

cv-generator 是一个完全在浏览器中运行的免费简历生成器,支持 4 种模板、4 种主题、实时 A4 预览,并可导出为 PDF、Word 或 HTML,界面为罗马尼亚语,简历可导出为罗马尼亚语或英语。

看看你的网站会是什么样

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

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

由服务器浏览器实际访问页面后截取。

全部页面与视图 2

截图用于了解视觉与布局,交互效果请以实际项目为准。

采集于 2026-10-14查看来源

值得关注的模板亮点

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

01

完全客户端运行,数据仅存储在浏览器 localStorage 中,无后端、无数据库、无跟踪

02

提供 Classic、Modern、Minimal、Creative 四种简历模板和 Light、Dark、Violet、Warm 四种应用主题

03

支持导出 PDF(使用 @react-pdf/renderer 并内置 Roboto 字体以正确显示罗马尼亚语变音符号)、Word(.docx)和自包含 HTML

04

可重新导入之前导出的 .html 或 .cv.json 文件继续编辑,并支持管理多个简历档案

05

实时 A4 预览带分页参考线,自动保存(防抖)到 localStorage,可作为 PWA 安装并离线使用

06

简历内容支持罗马尼亚语和英语双语输出,包括章节标题、月份名称和“至今”表述

模板详细介绍

cv-generator 是一个基于 Next.js 和 React 的客户端简历生成器,所有数据仅保存在浏览器的 localStorage 中,无需账户、服务器或跟踪。应用界面为罗马尼亚语,但生成的简历支持罗马尼亚语和英语两种输出语言。

主要功能包括:填写个人信息(可选头像,自动裁剪为方形)、工作经历(同一公司可添加多个职位)、教育、技能、语言、驾照类别(含获得年份)以及自定义板块(认证、项目、志愿活动、爱好等)。提供 Classic、Modern、Minimal、Creative 四种模板和 Light、Dark、Violet、Warm 四种应用主题。编辑时显示实时 A4 预览和分页参考线,帮助判断内容是否适合一页。

导出方面,PDF 通过 @react-pdf/renderer 程序化生成,内置 Roboto 字体以确保罗马尼亚语变音符号(ș、ț、ă、î、â)正确显示;同时支持导出 Word(.docx)和自包含且可重新导入的 HTML。用户还可以重新导入之前导出的 .html 或保存的 .cv.json 文件继续编辑,并管理多个简历档案。应用具备自动保存(防抖)到 localStorage 的功能,并作为可安装的 PWA 支持离线使用。

README 提供了本地运行和构建命令,并说明应用部署在 Vercel 上,由于完全静态且客户端运行,也可托管在任何静态主机上。README 未提供关于浏览器兼容性、具体性能指标或生产环境就绪程度的说明。

Next.jsReactHTML作品集工具站

适合你的项目吗?

适用场景

  • 需要快速创建或更新简历,且不希望注册账户或上传个人数据到服务器的用户
  • 需要针对不同职位类型维护多份简历档案,并随时切换编辑的求职者
  • 需要在简历中使用罗马尼亚语变音符号,并导出为 PDF 或 Word 格式的用户
  • 希望在离线环境下(如无网络时)继续编辑或生成简历的用户
  • 需要将简历导出为 HTML 以便在网页中展示,或重新导入继续编辑的用户

适合人群

  • 寻找免费、无需注册、数据本地存储的简历生成工具的个人用户
  • 需要罗马尼亚语界面和罗马尼亚语/英语双语简历输出的用户
  • 希望将简历生成器作为 PWA 安装到桌面或移动设备并离线使用的用户
  • 需要导出 PDF、Word 或 HTML 格式简历,并可能重新导入编辑的用户

上手与定制指南

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

  1. 1

    本地运行:执行 npm install 安装依赖,然后运行 npm run dev,在浏览器中打开 http://localhost:4321

  2. 2

    其他脚本:npm run build 用于生产构建,npm run start 用于服务生产构建,npm run lint 用于运行 ESLint

  3. 3

    部署:README 说明应用部署在 Vercel 上,每次推送到 main 分支会自动重新部署;由于应用完全静态且客户端运行,也可托管在任何静态主机上

  4. 4

    README 未提供关于环境变量、数据库配置或后端服务的说明,因为应用没有后端

  5. 5

    README 未提供关于浏览器兼容性、Node.js 版本要求或具体部署配置的详细说明

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 MIT 许可的免费版本;免费范围为该版本代码,不代表外部服务或第三方素材免费。

使用时需要遵守

  • 允许免费使用、修改、商用和分发该版本代码。
  • 分发代码副本或实质性部分时,保留原作者版权声明和完整 MIT 许可声明。
  • 代码按现状提供;担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

  • 演示图片、字体、图标及其他第三方素材需按各自许可核对,不能仅凭代码的 MIT 许可判断。
  • 域名、托管、数据库、支付或 AI 等外部服务可能另外收费。
  • 应用界面仅提供罗马尼亚语,生成的简历可导出为罗马尼亚语或英语。
  • 本地开发服务器默认运行在 http://localhost:4321,而非常见的 3000 端口。
查看原文依据

Permission is hereby granted, free of charge

许可证原文

> The application interface is in Romanian, while the generated CV can be exported in **Romanian or English**.

README 原文

Then open **[http://localhost:4321](http://localhost:4321)** in your browser.

README 原文
https://github.com/mrmcb92/cv-generator/blob/main/LICENSEhttps://github.com/mrmcb92/cv-generator/blob/main/README.md

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

项目核对记录与介绍依据

模板资料

来源平台
GitHub
资料与维护参考分
资料较完整 · 85 / 100
技术栈
Next.js · React · HTML
网站类型
作品集 · 工具站
这个分数如何计算

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

这个项目需要核对什么

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

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

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

查看具体选型方法 →

介绍的制作与核对状态

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

审核声明: codex-user-requested-batch-review-20261017 · 2026-10-16

查看当时使用的来源资料

SHA-256: e4ee99b6fe8ea562baf032c1a9140afc01d1ff8b1e93475f5127f6537fa5914e

2026-10-14T20:50:25.032Z

来源文件 / 仓库
# Generator CV

A free, installable CV / résumé builder that runs entirely in your browser. Fill in your details, pick a template and a theme, see a live A4 preview, and export to **PDF, Word or HTML** — with full support for Romanian diacritics. No account, no server, no tracking: your data never leaves your device.

**🔗 Live app: [cv-generator-eta-three.vercel.app](https://cv-generator-eta-three.vercel.app)**

> The application interface is in Romanian, while the generated CV can be exported in **Romanian or English**.

---

## ✨ Features

- **4 templates** — Classic, Modern, Minimal and Creative, each rendered live and exported pixel-for-pixel.
- **4 app themes** — Light, Dark, Violet and Warm.
- **Rich CV sections:**
  - Personal info with an optional **profile photo** (auto-cropped to a square).
  - **Work experience** with multiple positions/roles per company.
  - Education, skills, languages and **driving licence categories** (with the year obtained).
  - **Custom sections** (certifications, projects, volunteering, hobbies…).
- **Export anywhere:**
  - **PDF** — generated programmatically with `@react-pdf/renderer`, with bundled Roboto fonts so Romanian characters (ș, ț, ă, î, â) always render correctly.
  - **Word** (`.docx`) and **HTML** (self-contained, re-importable).
- **Import & continue editing** — re-import a previously exported `.html` or a saved `.cv.json` file.
- **Multiple CV profiles** — keep several CVs (e.g. one per job type) and switch between them.
- **Bilingual output (RO / EN)** — section titles, month names and "Present/Prezent" follow the chosen CV language.
- **Live A4 preview** with a page-break guide so you can see whether everything fits on one page.
- **Auto-save** to `localStorage` (debounced) — your work is restored when you return.
- **Installable PWA** — add it to your home screen / desktop and use it **offline**.

## 🔒 Privacy

The app is 100% client-side. There is no backend and no database — everything you type lives only in your browser's `localStorage`. Exports are generated locally and downloaded directly; nothing is uploaded anywhere.

## 🛠️ Tech stack

- [Next.js 16](https://nextjs.org) (App Router, Turbopack) + [React 19](https://react.dev)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS v4](https://tailwindcss.com/)
- [@react-pdf/renderer](https://react-pdf.org/) — PDF generation
- [docx](https://docx.js.org/) — Word export
- [motion](https://motion.dev/) — animations
- [@phosphor-icons/react](https://phosphoricons.com/) — icons
- PWA: web manifest + service worker (offline-first)

## 🚀 Getting started

```bash
npm install
npm run dev
```

Then open **[http://localhost:4321](http://localhost:4321)** in your browser.

Other scripts:

```bash
npm run build   # production build
npm run start   # serve the production build
npm run lint    # run ESLint
```

## 📦 Deployment

The app is deployed on [Vercel](https://vercel.com). Every push to `main` triggers an automatic redeploy. Because the app is fully static and client-side, it can be hosted on any static host.

---

# 🇷🇴 Generator CV (Română)

Un generator de CV-uri **gratuit și instalabil**, care rulează complet în browser. Completezi datele, alegi un template și o temă, vezi previzualizarea A4 în timp real și exporți în **PDF, Word sau HTML** — cu suport complet pentru diacriticele românești. Fără cont, fără server, fără urmărire: datele tale nu părăsesc dispozitivul.

**🔗 Aplicația online: [cv-generator-eta-three.vercel.app](https://cv-generator-eta-three.vercel.app)**

## ✨ Funcționalități

- **4 template-uri** — Classic, Modern, Minimal și Creative, fiecare previzualizat în timp real și exportat identic.
- **4 teme** pentru aplicație — Light, Dark, Violet și Warm.
- **Secțiuni complete de CV:**
  - Informații personale cu **fotografie de profil** opțională (decupată automat pătrat).
  - **Experiență profesională** cu mai multe funcții/roluri în cadrul aceleiași companii.
  - Educație, competențe, limbi străine și **categorii de permis de conducere** (cu anul obținerii).
  - **Secțiuni personalizate** (certificări, proiecte, voluntariat, hobby-uri…).
- **Export multiplu:**
  - **PDF** — generat programatic cu `@react-pdf/renderer`, cu fonturi Roboto incluse, astfel încât diacriticele (ș, ț, ă, î, â) apar corect mereu.
  - **Word** (`.docx`) și **HTML** (autonom, reimportabil).
- **Import și editare ulterioară** — reimportă un fișier `.html` exportat anterior sau un `.cv.json` salvat.
- **Profile multiple de CV** — păstrează mai multe CV-uri și comută între ele.
- **Output bilingv (RO / EN)** — titlurile secțiunilor, lunile și „Prezent" urmează limba aleasă pentru CV.
- **Previzualizare A4** cu ghidaj de sfârșit de pagină, ca să vezi dacă totul încape pe o pagină.
- **Salvare automată** în `localStorage` — munca ta este restaurată când revii.
- **Aplicație instalabilă (PWA)** — o adaugi pe ecranul principal / desktop și funcționează **offline**.

## 🔒 Confidențialitate

Aplicația rulează 100% în browser. Nu există server sau bază de date — tot ce scrii rămâne doar în `localStorage`-ul browserului tău. Exporturile sunt generate local și descărcate direct; nimic nu se încarcă nicăieri.

## 🚀 Pornire locală

```bash
npm install
npm run dev
```

Apoi deschide **[http://localhost:4321](http://localhost:4321)** în browser.
反馈内容错误

看看同类模板

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