Astro Resume Theme is a fully customizable and responsive template, built to help you create a beautiful online resume or portfolio with ease. It is powered by Astro and styled using Tailwind CSS, making it fast, modern, and easy to work with.
You can bootstrap a new Astro project using the following command:
# Bun
bun create astro@latest --template wasutz/astro-resume-theme
# npm 7+
npm create astro@latest -- --template wasutz/astro-resume-theme
# pnpm
pnpm dlx create-astro --template wasutz/astro-resume-theme
# yarn
yarn create astro --template wasutz/astro-resume-theme- Tailwind CSS: Utilizes utility-first styling for rapid UI development.
- Dark Mode: Built-in dark mode toggle for better UX.
- Theme Customization: Easily adjustable in src/styles/theme.css.
- Responsive Design: Optimized for mobile, tablet, and desktop devices.
- MDX Support: Allows blog posts written in Markdown with JSX components.
- Excellent Lighthouse/PageSpeed scores
- SEO-friendly
All commands are run from the root of the project, from a terminal: (Could be use 'npm' instead of bun)
| Command | Action |
|---|---|
bun install |
Installs dependencies |
bun run dev |
Starts local dev server at localhost:4321 |
bun run build |
Build your production site to ./dist/ |
bun run preview |
Preview your build locally, before deploying |
bun run astro ... |
Run CLI commands like astro add, astro check |
bun run astro -- --help |
Get help using the Astro CLI |
-
Initialize the project Run one of the commands listed in the Quick Start section.
-
Customize your resume data Edit your resume data in
src/config/cv.json -
Customize theme colors Modify the color scheme by editing
src/styles/theme.tsto match your personal branding. -
Replace your CV file Put your cv file in
src/public/cvand then replace the file name insrc/config/cv.json(basic.cv_file_name) -
Run the project locally Once you’ve made your customizations, run the development server:
bun run dev
Open http://localhost:4321 in your browser to view the result 🚀