FRANCESCO BORRELLI ／ COSA SO FARE
Lo stack tecnico con cui lavoro ogni giorno, dalle interfacce frontend all’integrazione AI, passando per backend, WordPress e headless CMS, performance, SEO tecnico e controllo qualità, con i progetti in cui l’ho applicato.
Non considero una tecnologia una competenza isolata. React è utile quando l’interfaccia ha stato e comportamenti complessi; Astro è spesso più adatto quando il contenuto deve arrivare al browser con poco JavaScript; WordPress resta una scelta pragmatica quando l’autonomia editoriale e il suo ecosistema sono requisiti centrali. La decisione nasce dal prodotto, non dalla moda del momento.
Sul frontend lavoro con componenti riutilizzabili, TypeScript, CSS moderno e progressive enhancement. Presto attenzione alla semantica dell’HTML, alla navigazione da tastiera, ai focus state e al comportamento con movimento ridotto. Responsive non significa soltanto comprimere un layout desktop: significa rivedere gerarchie, densità e interazioni per ogni spazio disponibile.
Nel backend preferisco API piccole e responsabilità chiare. Modello dati, autenticazione, gestione degli errori e osservabilità vengono definiti insieme ai flussi dell’interfaccia. Per CMS e strumenti interni progetto campi, ruoli e schermate a partire dalle attività reali di chi dovrà aggiornare contenuti o controllare dati.
Performance e SEO tecnico attraversano tutto il lavoro: scelta del rendering, dipendenze, immagini, font, caching, dati strutturati e link interni. Allo stesso modo, un’integrazione AI richiede valutazioni ripetibili, fallback e controllo umano. Il risultato più importante non è usare molte tecnologie, ma costruire un sistema comprensibile che possa essere verificato e mantenuto.
La qualità viene controllata su più livelli. Uso Lighthouse e strumenti del browser per individuare regressioni, ma affianco sempre test manuali su tastiera, viewport reali e connessioni meno favorevoli. Le metriche aiutano a formulare domande; non sostituiscono l’osservazione dell’interfaccia e dei suoi stati limite.
Anche la documentazione fa parte dello stack. Nomi coerenti, componenti con responsabilità ridotte, dati separati dalla presentazione e istruzioni operative chiare rendono più semplice correggere o estendere un prodotto. Una soluzione è davvero efficace quando chi arriva dopo può comprenderla senza ricostruire tutte le intenzioni originali.
Ogni area è collegata ai case study in cui l'ho applicata: è lì che si vede come le tecnologie diventano scelte concrete.
React, Next.js, Astro e architetture a componenti per interfacce veloci, modulari e leggibili. Strumenti: React, Next.js, Astro, Vite, TypeScript, Tailwind CSS, Framer Motion. Nei progetti: Cromio, Fridge Home, MEM Metodo.
Modelli linguistici e visione artificiale dentro workflow e prodotti: automazione, assistenza, ricerca e analisi di immagini. Strumenti: OpenAI, Google Gemini, Anthropic Claude, prompt engineering, RAG, workflow design. Nei progetti: Cromio con l'analisi di armocromia e forme, Fridge Home. Metodo completo nella pagina integrazione AI.
Siti e piattaforme custom, plugin dedicati, WooCommerce, setup headless e stack ibridi. Strumenti: WordPress, WooCommerce, PHP, plugin custom, REST API. Nei progetti: Caffè Borbone Panamá, Fortezza di Montecarlo, Studio Legale Colucci.
API, logica applicativa e modelli dati progettati per robustezza, sicurezza e crescita del prodotto. Strumenti: Node.js, Express, PHP, MySQL, PostgreSQL, Supabase, Cloudflare D1. Nei progetti: Booking IYL, con autenticazione JWT e dati criptati, e i dati sincronizzati di Fridge Home.
Core Web Vitals, strategia di rendering e SEO tecnico per rendere la qualità visibile anche ai motori di ricerca. Strumenti: Lighthouse, Core Web Vitals, dati strutturati, sitemap, caching. Nei progetti: Studio Legale Colucci con la SEO locale, Caffè Borbone Panamá con la SEO geolocalizzata. Metodo nella pagina performance e SEO.
Dal concept al rilascio: UX, gerarchie, priorità e rilasci iterativi con attenzione a conversione e adozione. Strumenti: discovery, UX writing, Figma, MVP, CRO. Nei progetti: Fridge Home, Booking IYL e le lezioni raccolte in da idea a prodotto digitale.
