lucagiardi.com — persönliche Site

Rolle: Design & Full-Stack-Umsetzung

Persönliches Portfolio: Next.js App Router, en/it/de, typisierte Inhalte, SEO + Feeds — lineare UI, kein CMS-Client.

lucagiardi.com — persönliche Site

Das ist die Site, auf der du bist — neu als static-first Portfolio auf Next.js 16, React 19 und Tailwind 4. Locales (en/it/de) laufen über next-intl; Projekte, Experience, Ausbildung und Blog liegen in typisierten TypeScript-Modulen hinter einem `@/content`-Access-Layer, damit UI-Chrome in Message-Files bleibt und ein späteres Headless-CMS Getter ersetzen kann, ohne Routen umzubauen.

SEO first-class: Canonical + hreflang, Open Graph / Twitter, Sitemap und Robots, Person-/WebSite-/BlogPosting-JSON-LD, RSS und JSON Feed sowie `llms.txt` und Artikel-Markdown für Agents. Contact über Server Action + SMTP (Adressen nie im Frontend). Visuell: ein Accent (Lottie-Orange), klassischer Lottie-Hero, gemeinsame `ProjectCard`s, a11y-Landmarks — kein WebGL, kein Scroll-Jacking.

Highlights

  • Typisierte statische Inhalte + `@/content`-Access-Layer (CMS-ready Getter)
  • Drei Locales (en/it/de) mit next-intl, Canonical und hreflang
  • SEO-Pack: OG/Twitter, Sitemap, Robots, JSON-LD, RSS/JSON Feed, llms.txt
  • Kontaktformular via Server Action + SMTP — Mailbox nie in der UI
  • Lineare UI: Lottie-Hero, gemeinsame ProjectCard, Orange-Accent `#ff6129`

Stack

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