CV Generator

CV Generator is a Next.js web application template for building online résumé/CV builder sites, currently generating formatted resumes as PDFs from user-filled forms.

What is CV Generator?

CV Generator is an open-source web application template that provides the foundation for a resume/CV builder website. It runs on Next.js 12.1.6 with React 18.1.0 and TypeScript 4.6.4, styled with Chakra UI 2.0.2. Users fill in resume details through forms built with Formik 2.2.9 and validated by yup 0.32.11, and the template outputs a formatted CV that can be exported as a PDF document. The project is maintained by Fellipe Utaka and hosted on GitHub.

Key Features

• Next.js 12 framework — The template uses Next.js 12.1.6 with React 18.1.0 and TypeScript 4.6.4, giving you server-rendered pages and a typed codebase out of the box.
• Chakra UI styling — The UI is built with Chakra UI 2.0.2, providing accessible, themeable React components for the resume editor and preview.
• Formik-powered forms — Resume data entry relies on Formik 2.2.9 to manage form state and submission, making multi-section forms easier to handle.
• yup validation — yup 0.32.11 is used to validate resume fields, ensuring required information is present before generating the CV.
• PDF export — The project's completed roadmap item shows resumes are generated and exported in PDF format through the app's build flow.
• Planned multi-format export — Future updates target Word Document, JPEG, and PNG export options, which are not yet implemented.
• Planned authentication — An auth system to store user resumes is listed as a future enhancement in the project's to-do list.
• Open-source contribution flow — The repository documents a standard fork-and-pull-request workflow, inviting developers to contribute to the roadmap items.

Who is it for?

• React and Next.js developers — You can use this template as a reference for combining Next.js, Chakra UI, Formik, and yup in a real-world data-entry application.
• Job seekers — Run the app locally, enter your professional experience, and produce a clean PDF resume without relying on external paid resume tools.
• Open-source contributors — The open roadmap (Word/JPEG/PNG export, auth system) offers well-scoped tasks for learning a codebase and making a pull request.

What can you do with CV Generator?

• Developers: customize the Chakra UI theme and form sections to build a branded resume generator for a client or community, then deploy the Next.js app anywhere Node.js runs.
• Hobbyists: clone the repository, fill in personal details through the provided forms, and export a PDF CV for job applications without any backend setup.
• Students and learners: study how Formik and yup form validation integrate with Chakra UI components in a compact, readable codebase.

Pros and cons

• Pro: modern tech stack — Next.js 12, React 18, TypeScript, and Chakra UI are actively used in web development.
• Pro: form validation included — Formik and yup give you structured form handling and validation logic out of the box.
• Con: PDF is the only export format today — The roadmap confirms Word Document, JPEG, and PNG exports are still pending.
• Con: no authentication yet — Storing resumes in the app is a future feature, so the current version is not set up for multi-user accounts.