andreapellizzari.it
Frontespizio
Documento · Colophon

Come e fatto questo sito.

Stack tecnico, scelte di design, tipografia, deploy. Per chi vuole sapere cosa c’e dietro, prima di chiederlo.

Edizione
Anno
2026
Direzione
Manuale d’officina, edizione personale
Riferimenti
Olivetti, Vignelli, Pirelli storico, Stripe Press
Composto in
Newsreader
Display, frontespizi, titoli. Variable font serif moderno con axes wght e opsz: optical size adatta automaticamente forma e contrasto al peso visivo del titolo. Open source via Google Fonts.
Inter
Body, UI. Variable, OpenType features ss01, ss03, cv11. Self-hostato via next/font.
JetBrains Mono
Monospace per metadata, timestamp, codice inline, label tecniche e numerazione progressiva.
Stack
  • Framework · Next.js 16 in modalita output: "export": sito puramente statico.
  • Contenuti · MDX con frontmatter YAML. gray-matter per il parsing, next-mdx-remote per il rendering server-side.
  • Stile · Tailwind CSS 4 con palette OKLCH custom (panna calda + oltremare profondo + ottone). Plugin typography per le case study.
  • Ricerca · ⌘K / Ctrl+K apre una command palette client-side che fa fuzzy matching su un indice JSON prerendered. Zero backend.
  • Dark mode · class-based toggle con persistenza localStorage e detection iniziale da prefers-color-scheme. Script inline nell’<head> per evitare flash of unstyled content.
Deploy
  • Hosting · Hostinger Single (piano shared PHP), document root servito da /domains/andreapellizzari.it/public_html/.
  • Pipeline · script Node scripts/deploy.mjs che carica la cartella out/ via FTP classico (libreria basic-ftp). HTTPS automatico (Caddy + Let’s Encrypt gestiti da Hostinger).
  • Trigger · nessun CI/CD. npm run build-and-deploy dal terminale locale. Deliberatamente semplice per un sito personale.
SEO & indexing
  • Sitemap · generato da src/app/sitemap.ts: tutte le pagine, le case study e i post diario.
  • Robots · aperto a tutti gli user agent.
  • JSON-LD · schema Person + WebSite nella head; CreativeWork sui lavori, BlogPosting sui post diario, DefinedTerm + CollectionPage sui concetti, FAQPage dove rilevante.
  • RSS · feed del diario a /rss.xml, autodiscovery via link rel="alternate".
  • llms.txt · indice machine-readable a /llms.txt e /llms-full.txt; versioni raw .md di tutti i contenuti sotto /{lavori|concetti|diario}/<slug>/index.md. Pensato per agenti AI che ingestano contenuti.
Privacy
  • Zero cookie· zero analytics, zero script di tracciamento. Nessun banner di consenso perche non c’e nulla da consentire.
  • Font self-hostati · nessuna richiesta a CDN di terze parti durante la navigazione.
  • Informativa sintetica in /privacy/.
Sorgente

Il codice del sito non e pubblico: contiene cross-reference al contenuto del portfolio. Se ti interessa qualcosa di specifico (la command palette, il tema dark, il feed RSS, il deploy FTP), scrivimi: rispondo volentieri con snippet e spiegazioni.