Panoramica

• Struttura chiara: Home, About, Works (lista + dettaglio), Contact, policy.
• Filtri e ricerca: per tag/categoria, stato (in corso/chiuso), “featured”, ordinamenti (“newest/oldest/popular”).
• SEO e localizzazione: metadati coerenti per lingua, URL leggibili, contenuti tradotti.

Funzionalità principali

• Works dinamici: schede progetto con immagini di copertina, gallery, descrizioni localizzate, link esterni, contatore di visualizzazioni.
• Ricerca & ranking: ricerca su titolo/cliente, arricchita via tag e categorie, ordinamenti per data e popolarità.
• Contatti reali: invio email con conferma al mittente e notifica al proprietario.
• UX curata: dark mode, componenti accessibili, micro‑interazioni non invasive.

Data layer e integrazioni

• tRPC: router modulare (works, tags, categories), superjson e batching HTTP.
• • Esempio di query client: trpc.works.getMany.useQuery({ page, limit, sort })
• Payload: query tipizzate, relazioni (categorie/tag), SEO plugin, media su Vercel Blob.
• • Esempio di fetch: ctx.payload.find({ collection: "works", where, sort, page, limit })
• Forms: RHF + Zod per validazioni coerenti.
• • Esempio: useForm({ resolver: zodResolver(schema) })

UX, performance, qualità

• Performance: immagini ottimizzate, lazy sui media, caching lato client (TanStack Query).
• Affidabilità: Sentry su server/edge/client, logging strutturato, messaggistica di stato chiara.
• Accessibilità: componenti Radix, contrasto leggibile, focus management.

Highlight tecnico

• tRPC con zod, superjson, batching e caching TanStack Query.
• Payload su MongoDB con media su Vercel Blob e SEO auto‑generata.
• Ricerca/filtri/ordinamenti “Works” tipizzati end‑to‑end.
• Sentry + metriche (Vercel Analytics & Speed Insights).
• UI accessibile (Tailwind, Radix) e dark mode.