davidemanocchia.com

My site is not a template. Not a purchased theme. It’s written line by line, from scratch, with Astro and pure CSS. The copilot was Claude Code.

The project

I wanted my own place. One that held everything together: Amazon, vibe coding, the blog, my projects. Not WordPress. Not Squarespace. Something I understood top to bottom, with total control over every detail.

Every page, every component, every animation was born from a vibe coding session. I described what I wanted, Claude wrote the code, I corrected course.

It also became my lab. Every new thing I learn, I test it here first.

Tech stack

• Astro as the framework. Static pages, blazing fast, zero JavaScript by default
• Claude Code as a copilot for every component

Design system

Two accent colors that split the worlds. Amber Gold for everything related to business and Amazon. Steel Blue for the tech and coding side. Gold leads, blue supports.

Typography: DM Sans for text, JetBrains Mono for dates, labels, and code. Every color, every spacing value, every border-radius is a CSS variable.

What’s inside

• Homepage with animated canvas hero, journey timeline, real numbers, and work principles
• Amazon page with professional timeline, skills, sectors, and Novazon section
• Vibe Coding page with all my projects
• Personal blog written without AI, about entrepreneurship, personal finance, and remote working
• Now page inspired by Derek Sivers
• Scroll animations with Intersection Observer, zero external libraries

Current status

The site is live. I add sections, write articles, improve the design based on real usage. It’s the project that never ends.