lucagiardi.com — sito personale

Ruolo: Design e implementazione full-stack

Portfolio personale: Next.js App Router, en/it/de, contenuti statici tipizzati, SEO + feed — UI lineare, senza client CMS.

lucagiardi.com — sito personale

Questo è il sito su cui sei — ricostruito come portfolio static-first su Next.js 16, React 19 e Tailwind 4. I locale (en/it/de) passano da next-intl; progetti, esperienza, formazione e blog vivono in moduli TypeScript tipizzati dietro un unico access layer `@/content`, così la UI chrome resta nei message file e un CMS headless futuro può sostituire i getter senza riscrivere le route.

SEO di primo piano: canonical + hreflang, Open Graph / Twitter, sitemap e robots, JSON-LD Person / WebSite / BlogPosting, RSS e JSON Feed, più `llms.txt` e Markdown per articolo per gli agent. Il contact usa server action + SMTP (indirizzi mai in chiaro). Il sistema visivo tiene un accento (arancio Lottie), hero Lottie classica, `ProjectCard` condivise e landmark accessibili — niente WebGL, niente scroll-jacking.

Highlight

  • Contenuti statici tipizzati + access layer `@/content` (getter pronti per un CMS)
  • Tre locale (en/it/de) con next-intl, canonical e hreflang
  • Pack SEO: OG/Twitter, sitemap, robots, JSON-LD, RSS/JSON Feed, llms.txt
  • Form contact via server action + SMTP — mailbox mai mostrata in UI
  • UI lineare: hero Lottie, ProjectCard condivisa, accento arancio `#ff6129`

Stack

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • next-intl
  • lottie-react
  • Headless UI