Skip to content

firsttris/astro-cv

Repository files navigation

Astro CV

A modern, customizable Curriculum Vitae built with Astro

Astro React TypeScript Emotion MDX

Features · Getting Started · Commands · Project Structure


Why this project?

Recruiters often request a CV in Word format to convert it to their layout, sometimes even altering the content. No more!

  • Tamper-proof — An HTML CV that cannot be easily modified by third parties
  • Skills showcase — Demonstrate your JavaScript skills directly through the CV itself
  • Consistent styling — Ensure uniform format across all devices and prints
  • Easy updates — Change your data once, see it reflected everywhere
  • Multi-language support — Present your CV in multiple languages

✨ Features

Feature Description
Modern Stack Built with Astro 5, React 19, and Emotion for styling
Icon Library Extensive icon support via Iconify (DevIcons, Material Symbols, Simple Icons, and more)
Print-Ready Optimized for both web viewing and PDF/print output
Responsive Looks great on desktop, tablet, and mobile
Fast Static site generation for blazing-fast load times

🚀 Getting Started

Prerequisites

  • Node.js 18+
  • npm or yarn

Installation

# Clone the repository
git clone https://github.com/yourusername/astro-cv.git

# Navigate to the project
cd astro-cv

# Install dependencies
npm install

# Start development server
npm run dev

Then open http://localhost:4321 in your browser.


🧞 Commands

Command Action
npm install Install dependencies
npm run dev Start dev server at localhost:4321
npm run build Build for production to ./dist/
npm run preview Preview production build locally
npm run astro ... Run Astro CLI commands

📁 Project Structure

astro-cv/
├── public/          # Static assets (images, fonts, etc.)
├── src/
│   ├── components/  # Reusable Astro/React components
│   ├── layouts/     # Page layouts
│   ├── pages/       # Routes (each .astro file = one page)
│   └── styles/      # Global styles
├── astro.config.mjs # Astro configuration
└── package.json

📚 Learn More


Made with ❤️ and Astro