Tecnologia Avanzata Dietro le Quinte

Scopri come è costruito questo sito: Next.js (App Router) e React con TypeScript, UI con Tailwind CSS e Phosphor Icons, contenuti i18n centralizzati, integrazione AI (ChatGPT), Supabase/PostgreSQL con RLS e 2FA, SEO/JSON‑LD, build e deploy continui su Vercel.

Tecnologie principali

    Next.js (App Router)

    Routing moderno, Server Components e ottimizzazioni integrate per performance e SEO. Build affidabili con lint/typecheck in pipeline.

    React

    Libreria UI dichiarativa per componenti riutilizzabili, animazioni e interazioni fluide.

    TypeScript

    Tipi forti per ridurre bug e migliorare l’autocompletamento. Import JSON abilitato (resolveJsonModule).

    Tailwind CSS

    Utility‑first per velocità e coerenza visiva. Scala tipografica standardizzata (H1/H2/H3) e componenti accessibili.

    Phosphor Icons

    Iconografia coerente e pulita (es. RocketIcon al posto di emoji) in linea con la brand identity.

    i18n (messages/it.json)

    Testi centralizzati per la Home e le altre pagine (alias home/homepage, business). Facilita traduzioni e governance dei contenuti.

    SEO & JSON‑LD

    Metadata coerenti e schema Organization. Rimosso SearchAction non utilizzato per evitare rotte inesistenti.

    Supabase & PostgreSQL

    Database gestito con RLS per la sicurezza a livello di riga. Supporto autenticazione 2FA e integrazioni serverless.

    ChatGPT (OpenAI)

    Contenuti dinamici, assistenza redazionale e analisi. Integrazione pensata per mantenere i dati utente separati dalle richieste ai modelli.

    Chart.js & Framer Motion

    Data‑viz e animazioni leggere per KPI, benchmark e micro‑interazioni senza jank.

    Vercel (CI/CD)

    Hosting edge, preview per PR e deploy atomici. CDN globale per tempi di risposta ridotti.

    Analytics & Consenso

    GA4 opzionale abilitato solo con consenso (cookieConsent). Eventi custom per le pagine chiave.

    Immagini & Media

    Next/Image, immagini WebP ottimizzate e video con poster/playsInline. Attenzione a CLS e performance.

Vuoi saperne di più?

Contattami per approfondire come applicare queste tecnologie nel tuo progetto o azienda.

Contattami