LogoTemplateFame

Astro Resume

A modern resume builder that leverages Markdown for content and Tailwind CSS for styling, powered by Astro for rapid static site generation and PDF export.

Introduction

Astro Resume is an innovative resume builder designed for developers and professionals who prefer to manage their resume content in a simple, version-controlled Markdown format. Built with the modern static site generator Astro and styled with the utility-first framework Tailwind CSS, this project offers a fast, customizable, and easily deployable solution for creating professional resumes.

Inspired by platforms like Standard Resume, Astro Resume eliminates the need for complex data structures. Users simply write their personal and professional information in a straightforward Markdown file (src/pages/index.md), and Astro handles the rest, generating a static website.

Key Features:

  • Markdown-driven Content: Easily manage and update your resume content using familiar Markdown syntax, making it simple to version control and collaborate.
  • Full Tailwind CSS Integration: Enjoy the flexibility and power of Tailwind CSS for styling, including the @tailwindcss/typography plugin for beautiful default typography.
  • Dark Mode Ready: Seamlessly switch between light and dark themes, powered by Tailwind CSS's :dark tag, offering a comfortable viewing experience for all users.
  • PDF Generation: Automatically generate a print-ready PDF version of your resume at build time using Playwright, ensuring consistent formatting across different platforms.
  • Deployment Ready: Optimized for static website hosting, with pre-configured settings for platforms like Netlify, allowing for quick and easy deployment.
  • Fontsource Integration: Utilizes Fontsource for efficient and self-hosted fonts, improving performance and ensuring consistent typography.
  • Full TypeScript Support: Benefit from strong typing throughout the project, enhancing code quality and developer experience.

The project structure is intuitive: src/pages/ contains .astro or .md files that define routes, src/components/ houses reusable UI components, and public/ stores static assets. The PDF generation is integrated into the build process, so no manual steps are required.

To set up your own resume:

  1. Clone the repository using the "Use this template" button on GitHub.
  2. Modify src/pages/index.md with your personal and professional details.
  3. Push your changes to your repository.
  4. Deploy your website using a static hosting provider like Netlify (pre-configured).

Astro Resume is an excellent choice for anyone looking for a modern, efficient, and highly customizable way to present their professional profile online and in print.

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates