dobelweb.dev
Personal developer portfolio built with Astro, Tailwind CSS, and deployed on Netlify.
Overview
Personal developer portfolio and bio site built to showcase work, skills, and experience. The site itself is a project — built with modern tooling and deployed with a clean automated pipeline.
Tech Stack
- Framework: Astro v6
- Styling: Tailwind CSS v4
- Fonts: Inter + Berkeley Mono (Google Fonts)
- Hosting: Netlify (free tier)
- Deployment: Automatic on git push via GitHub
- Domain: dobelweb.dev (Namecheap, DNS pointed to Netlify)
Design Decisions
Dark background with terminal green accent — a nod to developer culture and the command line. Berkeley Mono for labels and metadata, Inter Black for headings. Zero gradients, zero images in the hero. Let the typography do the work.
The color system is a Material Design 3 dark palette built around #00ff41 as the sole accent. All surface colors derive from that system, keeping the palette internally consistent without needing to make individual decisions per-component.
Architecture
Static site — pure HTML output from Astro. No JavaScript ships to the browser unless explicitly needed. Fast, accessible, zero runtime dependencies.
Migrated from a single index.html file to Astro specifically to support multi-page case studies without duplicating the nav and footer on every page. The component model makes that trivial.
My Role
Designed and built solo. Generated initial layout with Google Stitch, refined and migrated to Astro for multi-page support and component reuse.