davidemanocchia.com

Il mio sito non è un template. Non è un tema comprato. È scritto riga per riga, da zero, con Astro e CSS puro. Il copilota era Claude Code.

Il progetto

Volevo un posto mio. Uno che tenesse insieme tutto: Amazon, vibe coding, il blog, i progetti. Non WordPress. Non Squarespace. Qualcosa che capivo fino in fondo, con controllo totale su ogni dettaglio.

Ogni pagina, ogni componente, ogni animazione è nata da una sessione di vibe coding. Descrivevo quello che volevo, Claude scriveva il codice, io correggevo la rotta.

È diventato anche il mio laboratorio. Ogni cosa nuova che imparo, la testo qui prima.

Stack tecnico

• Astro come framework. Pagine statiche, velocissimo, zero JavaScript di default
• Claude Code come copilota per ogni componente

Design system

Due colori accento che dividono i mondi. Amber Gold per tutto quello che riguarda il business e Amazon. Steel Blue per la parte tech e coding. L’oro domina, il blu supporta.

Tipografia: DM Sans per il testo, JetBrains Mono per date, label e codice. Ogni colore, ogni spaziatura, ogni border-radius è una variabile CSS.

Cosa c’è dentro

• Homepage con hero animato su canvas, timeline del percorso, numeri reali e principi di lavoro
• Pagina Amazon con timeline professionale, competenze, settori e sezione Novazon
• Pagina Vibe Coding con tutti i miei progetti
• Blog personale scritto senza AI, su imprenditoria, finanza personale e remote working
• Pagina Now ispirata a Derek Sivers
• Animazioni scroll con Intersection Observer, zero librerie esterne

Stato attuale

Il sito è live. Aggiungo sezioni, scrivo articoli, miglioro il design in base all’uso reale. È il progetto che non finisce mai.