cv: A Print-Friendly, Minimalist CV Page Built with Next.js and TypeScript

Introduction

The cv repository by Bartosz Jarocki presents a modern and minimalist web application designed to render a print-friendly CV or resume. This project stands out for its clean design, focus on content, and robust technical foundation. Built with Next.js 14, TypeScript, Tailwind CSS, and shadcn/ui, it offers a highly customizable and performant solution for creating a professional online presence. Key features include a single configuration file for all resume data, responsive design, optimized print styles, and even a GraphQL API for programmatic access to your data.

Installation

Getting started with the cv application is straightforward. Follow these steps to set up the project locally:

Prerequisites

• Node.js 18+
• pnpm 8+

Steps

1. Clone the repository:

   git clone https://github.com/BartoszJarocki/cv.git
   cd cv
   

2. Install dependencies:

   pnpm install
   

3. Start the development server:

   pnpm dev
   

4. Open in browser:

   Navigate to http://localhost:3000 in your web browser to see the application running.

Examples

Customizing your CV is the core of this project. All your personal information, work experience, education, and skills are managed through a single, easy-to-edit file.

Customizing Resume Data

Edit the src/data/resume-data.tsx file to populate your CV with your specific details. This centralized approach simplifies updates and ensures consistency.

// src/data/resume-data.tsx
export const RESUME_DATA = {
  name: "Your Name",
  initials: "YN",
  location: "Your City, Country",
  about: "Brief description",
  summary: "Professional summary",
  // ... more fields
}

Styling

The application leverages Tailwind CSS for styling. You can customize colors in tailwind.config.js and global styles in src/app/globals.css. Print-specific styles are also defined to ensure optimal output for physical copies.

Why Use

The cv project offers several compelling reasons for developers and professionals to adopt it for their resume needs:

• Print Optimized: Specifically designed print styles ensure your CV looks perfect on paper, with options to enable background graphics for a complete look.
• Single Config File: All resume data is managed in one resume-data.tsx file, making updates incredibly simple and efficient.
• Modern Tech Stack: Built with Next.js 14, TypeScript, Tailwind CSS, and shadcn/ui, it provides a fast, responsive, and maintainable foundation.
• Responsive Design: The layout adapts seamlessly across all devices, from mobile phones to large desktop screens.
• GraphQL API: Access your resume data programmatically via a /graphql endpoint, opening up possibilities for integration with other services.
• Docker Support: Easy containerized deployment options are available, simplifying hosting and scaling.
• SEO Friendly: Optimized metadata helps improve search visibility for your online resume.

Links

• GitHub Repository: https://github.com/BartoszJarocki/cv
• Deploy with Vercel: