Data-driven resume website built with Astro and
Tailwind CSS.
Design inspired by BartoszJarocki.
This project renders a clean, single-page resume from src/data/resume.json.
The UI is composed of small Astro components and sections (About, Experience,
Education), styled with Tailwind CSS.
Important
This repository currently contains real personal information in
src/data/resume.json (email, phone, etc.). Replace it before making a fork public.
- Astro - Static site generator
- Tailwind CSS - Utility-first CSS framework
- TypeScript - Static typing
- Lucide Icons - Open-source icon library
Prerequisites: Node.js >= 22.12.0 and pnpm.
git clone https://github.com/alexnole/resume
cd resume
pnpm install
pnpm devBuild and preview:
pnpm build
pnpm preview- Content: edit
src/data/resume.json(basics,work[],education[]). - Section order: edit
src/components/layout/Main.astro(renderssrc/components/sections/*). - Styling:
src/styles/global.css(theme) and Tailwind classes across components.
Tip
Keep dates as ISO strings (for example 2023-10-31).
src/
components/
layout/ Page layout components
sections/ Resume sections (About/Experience/Education)
ui/ Small reusable UI pieces
data/
resume.json Resume content source
layouts/
Layout.astro Document shell + meta
pages/
index.astro Single-page entry
styles/
global.css Tailwind + theme tokens
pnpm dev: start the dev serverpnpm build: run type checks (astro check) and build todist/pnpm preview: serve the production build locallypnpm lint: lint and auto-fix (eslint --fix)pnpm format: format source files with Prettier
Note
This repo uses Husky + lint-staged, so commits may run formatting/linting automatically.
This is a static Astro site.
- Build output is generated in
dist/. - You can deploy
dist/to any static host (GitHub Pages, Netlify, Vercel, Azure Static Web Apps, etc.).