--- title: "Frontend" description: "Il frontend dei gestionali senza perdere il backend: React, Vue 3, Inertia, Next.js SSR e Livewire su API PHP. La giusta dose di complessità client. - Frontend - Pagina 1 di 2" canonical: "https://www.mauriziofonte.it/blog/cat/frontend.html" author: "Maurizio Fonte" --- Categoria # Frontend Pagina 1 di 2 ## **Frontend**: il front dei gestionali, senza perdere il controllo del backend Fare frontend oggi vuol dire decidere quanta complessità client serve davvero a un'applicazione, prima ancora di scegliere un framework. Su gestionali e piattaforme aziendali il front deve servire il dominio, senza diventare un secondo backend fragile da mantenere. In questa categoria scrivo di frontend applicato a un backend PHP, con il taglio di chi il backend lo conosce a fondo. Spesso si tratta di scegliere la **giusta dose di client**. React e Vue 3 con TypeScript, Inertia.js per l'esperienza da single-page senza costruire e mantenere un'API REST separata, Next.js in SSR per le pagine marketing che devono essere indicizzate, Livewire con Volt e Folio quando il JavaScript si può evitare del tutto. Ogni approccio ha un costo, e bisogna saper riconoscere quando una SPA risolve un problema reale e quando aggiunge solo overhead che qualcuno dovrà manutenere. Poi c'è l'**allineamento con il backend**. Un front costruito senza capire il dominio genera duplicazione, disallineamenti e debito tecnico che rallenta ogni rilascio. Scrivo di come tenere il frontend al servizio dell'applicazione, di come si ottimizza davvero (senza cospargere il codice di memoizzazioni inutili) e di come chi arriva da vent'anni di PHP può adottare TypeScript senza traumi, tenendo il controllo dell'insieme. Se stai progettando il front di un gestionale o di un sito su misura, vedi la [realizzazione siti ed e-commerce](https://www.mauriziofonte.it/servizi/realizzazione-siti-ecommerce.html) o [scrivimi](https://www.mauriziofonte.it/pages/contattami). > Un buon frontend si nota da quello che non fa: niente complessità inutile, solo l'interfaccia che serve al problema. 1[2](https://www.mauriziofonte.it/blog/cat/frontend.md?page=2) [Architettura Software](https://www.mauriziofonte.it/blog/cat/architettura_software.html) [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) ## [React per il frontend dei gestionali Laravel: SPA senza perdere il controllo del backend](https://www.mauriziofonte.it/blog/post/react-frontend-gestionali-laravel-spa-controllo-backend.html) 22/09/2026 ![React per il frontend dei gestionali Laravel: SPA senza perdere il controllo del backend](https://www.mauriziofonte.it/image/005350200-react-frontend-gestionali-laravel-spa-controllo-backend.jpg) Un gestionale complesso a volte chiede un frontend React, ma la SPA porta con sé costi che non tutti i progetti giustificano. Quando React ha senso su un backend Laravel e quando Livewire o Inertia bastano e avanzano: i confini dell'API, la gestione dello stato senza duplicare la logica di business, e i punti dove la SPA aggiunge complessità più che valore. Decisione di architettura frontend motivata dal caso reale, non dall'hype. [Continua a leggere](https://www.mauriziofonte.it/blog/post/react-frontend-gestionali-laravel-spa-controllo-backend.html) Ultima modifica: Martedì 22 Settembre 2026, alle 07:30 [Architettura Software](https://www.mauriziofonte.it/blog/cat/architettura_software.html) [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) ## [Node.js e TypeScript per microservizi: quando PHP non basta](https://www.mauriziofonte.it/blog/post/nodejs-typescript-microservizi-quando-php-non-basta.html) 21/09/2026 ![Node.js e TypeScript per microservizi: quando PHP non basta](https://www.mauriziofonte.it/image/005340200-nodejs-typescript-microservizi-quando-php-non-basta.jpg) Il monolite PHP regge la maggior parte dei casi, ma per alcuni carichi un microservizio in Node.js e TypeScript è la scelta tecnica corretta: real-time, connessioni persistenti, I/O intensivo concorrente. Quando estrarre un servizio ha senso e quando frammenta l'architettura senza guadagno, i confini da rispettare, e come far convivere i due mondi senza duplicare logica. Decisione di architettura motivata, non moda dei microservizi. [Continua a leggere](https://www.mauriziofonte.it/blog/post/nodejs-typescript-microservizi-quando-php-non-basta.html) Ultima modifica: Lunedì 21 Settembre 2026, alle 08:10 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) ## [Breakpoint per le Media Query di Bootstrap 3](https://www.mauriziofonte.it/blog/post/boostrap-3-media-query-breakpoints.html) 13/02/2026 ![Breakpoint per le Media Query di Bootstrap 3](https://www.mauriziofonte.it/image/000330200-boostrap-3-media-query-breakpoints.jpg) Se stai scrivendo CSS custom sopra Bootstrap 3 ti serve la lista esatta dei breakpoint della sua griglia, e quella che gira in rete è spesso sbagliata: confonde le dimensioni dei dispositivi con i tre punti reali del framework. Qui trovi i valori corretti, le variabili da cui derivano, e il contesto che conta davvero: Bootstrap 3 è senza supporto dal 2019, quindi sapere i suoi breakpoint serve a manutenere l'esistente, non a costruire il nuovo. [Continua a leggere](https://www.mauriziofonte.it/blog/post/boostrap-3-media-query-breakpoints.html) Ultima modifica: Lunedì 15 Giugno 2026, alle 18:01 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) [E-Commerce](https://www.mauriziofonte.it/blog/cat/ecommerce.html) ## [Next.js con API Laravel: architettura SSR per applicazioni marketing e e-commerce](https://www.mauriziofonte.it/blog/post/nextjs-api-laravel-architettura-ssr-marketing-ecommerce.html) 12/02/2026 ![Next.js con API Laravel: architettura SSR per applicazioni marketing e e-commerce](https://www.mauriziofonte.it/image/002550200-nextjs-api-laravel-architettura-ssr-marketing-ecommerce.jpg) Un cliente e-commerce con 50.000 prodotti aveva un React SPA che Google non indicizzava correttamente. Ho introdotto Next.js con ISR: le pagine prodotto vengono pre-renderizzate e aggiornate ogni 60 secondi. Il traffico organico è aumentato del 40% in tre mesi senza toccare il backend Laravel. [Continua a leggere](https://www.mauriziofonte.it/blog/post/nextjs-api-laravel-architettura-ssr-marketing-ecommerce.html) Ultima modifica: Martedì 14 Aprile 2026, alle 17:48 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) [Laravel](https://www.mauriziofonte.it/blog/cat/laravel.html) ## [Vue 3 Composition API con TypeScript: pattern per applicazioni enterprise](https://www.mauriziofonte.it/blog/post/vue-3-composition-api-typescript-pattern-applicazioni-enterprise.html) 11/02/2026 ![Vue 3 Composition API con TypeScript: pattern per applicazioni enterprise](https://www.mauriziofonte.it/image/003650200-vue-3-composition-api-typescript-pattern-applicazioni-enterprise.jpg) Dopo aver migrato tre applicazioni enterprise da Vue 2 Options API a Vue 3 Composition API + TypeScript, ho catalogato i pattern che funzionano in produzione e quelli che sembrano buoni online ma si rivelano problematici a scala. Vi mostro le strutture di composable, store Pinia e i tipi per le API Laravel. [Continua a leggere](https://www.mauriziofonte.it/blog/post/vue-3-composition-api-typescript-pattern-applicazioni-enterprise.html) Ultima modifica: Mercoledì 11 Febbraio 2026, alle 09:13 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) [AI Development Tools](https://www.mauriziofonte.it/blog/cat/ai-development-tools.html) ## [Ottimizzare le prestazioni di React: memo, useMemo, useCallback e quando non usarli](https://www.mauriziofonte.it/blog/post/ottimizzare-prestazioni-react-memo-usememo-usecallback-quando-usarli.html) 10/02/2026 ![Ottimizzare le prestazioni di React: memo, useMemo, useCallback e quando non usarli](https://www.mauriziofonte.it/image/002630200-ottimizzare-prestazioni-react-memo-usememo-usecallback-quando-usarli.jpg) Ho refactorizzato un'applicazione React con 200 chiamate useMemo e useCallback sparse ovunque - aggiunte da uno sviluppatore convinto che 'più memo = più veloce'. Il profiling ha mostrato che l'80% era controproducente. Vi spiego come identificare i veri colli di bottiglia e quando la memoizzazione aiuta davvero. [Continua a leggere](https://www.mauriziofonte.it/blog/post/ottimizzare-prestazioni-react-memo-usememo-usecallback-quando-usarli.html) Ultima modifica: Martedì 14 Aprile 2026, alle 17:48 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) [Backend Development](https://www.mauriziofonte.it/blog/cat/backend-development.html) ## [Inertia.js con Laravel e Vue 3: full-stack senza API REST e senza SPA tradizionale](https://www.mauriziofonte.it/blog/post/inertia-js-laravel-vue3-fullstack-senza-api-rest.html) 19/01/2026 ![Inertia.js con Laravel e Vue 3: full-stack senza API REST e senza SPA tradizionale](https://www.mauriziofonte.it/image/002360200-inertia-js-laravel-vue3-fullstack-senza-api-rest.jpg) Inertia.js è la soluzione che avrei voluto cinque anni fa: single-page app experience senza costruire un'API REST separata, autenticazione server-side, accesso diretto agli ORM. Ho migrato un gestionale da jQuery a Vue 3 + Inertia + Laravel senza toccare un byte del backend. Il risultato è sorprendente. [Continua a leggere](https://www.mauriziofonte.it/blog/post/inertia-js-laravel-vue3-fullstack-senza-api-rest.html) Ultima modifica: Martedì 14 Aprile 2026, alle 17:48 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) [API Design](https://www.mauriziofonte.it/blog/cat/api-design.html) ## [React con Laravel API: full-stack architecture per applicazioni gestionali moderne](https://www.mauriziofonte.it/blog/post/react-laravel-api-fullstack-applicazioni-gestionali-moderne.html) 01/12/2025 ![React con Laravel API: full-stack architecture per applicazioni gestionali moderne](https://www.mauriziofonte.it/image/002800200-react-laravel-api-fullstack-applicazioni-gestionali-moderne.jpg) Quando un cliente vuole modernizzare il frontend del suo gestionale senza riscrivere il backend PHP, React + Laravel API è spesso la risposta giusta. Vi mostro l'architettura che uso: Sanctum per l'autenticazione, React Query per lo stato server, Vite per il build e deployment separato su Nginx. [Continua a leggere](https://www.mauriziofonte.it/blog/post/react-laravel-api-fullstack-applicazioni-gestionali-moderne.html) Ultima modifica: Lunedì 1 Dicembre 2025, alle 09:07 [Laravel](https://www.mauriziofonte.it/blog/cat/laravel.html) [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) ## [Laravel 12 Volt e Folio: costruire UI reactive senza JavaScript con Livewire](https://www.mauriziofonte.it/blog/post/laravel-12-volt-folio-livewire-ui-reactive-senza-javascript.html) 10/11/2025 ![Laravel 12 Volt e Folio: costruire UI reactive senza JavaScript con Livewire](https://www.mauriziofonte.it/image/002400200-laravel-12-volt-folio-livewire-ui-reactive-senza-javascript.jpg) Un pannello di amministrazione con 30 sezioni costruito con React richiedeva uno sviluppatore frontend dedicato per ogni modifica. L'ho riscritto in Livewire Volt in due settimane: stessa funzionalità, zero JavaScript custom, gestito interamente da un team PHP. Produttività quadruplicata, bundle eliminato. [Continua a leggere](https://www.mauriziofonte.it/blog/post/laravel-12-volt-folio-livewire-ui-reactive-senza-javascript.html) Ultima modifica: Martedì 14 Aprile 2026, alle 17:48 [Frontend](https://www.mauriziofonte.it/blog/cat/frontend.html) ## [Due Consigli utili per CSS3](https://www.mauriziofonte.it/blog/post/consigli-utili-per-layout-css3.html) 03/03/2016 ![Due Consigli utili per CSS3](https://www.mauriziofonte.it/image/000340200-consigli-utili-per-layout-css3.jpg) Sono da poco incappato per lavoro in un paio di siti davvero interessanti, che ho già salvato tra i bookmark, e che mi toglieranno parecchio lavoro in futuro. In pochi conoscono la potenza delle regole CSS3 per creare degli effetti complessi, soprattutto per quanto riguarda il box shadow, che può davvero essere miscelato e mixato in una vasta gamma di differenti output visivi. Vi linko, quindi, un link che vi aprirà nuovi orizzonti sulla scrittura di regole per il box shadow: Box Shadow in CSS3 by … [Continua a leggere](https://www.mauriziofonte.it/blog/post/consigli-utili-per-layout-css3.html) Ultima modifica: Giovedì 3 Marzo 2016, alle 19:02 1[2](https://www.mauriziofonte.it/blog/cat/frontend.md?page=2) ## Strumenti utili per il frontend Tool gratuiti per il lavoro di ogni giorno: [Color picker](https://www.mauriziofonte.it/strumenti/color-picker), [Minifier HTML/CSS/JS](https://www.mauriziofonte.it/strumenti/minifica-html-css-js-online), [Convertitore case testo](https://www.mauriziofonte.it/strumenti/convertitore-case-testo), [Anteprima meta tag OG](https://www.mauriziofonte.it/strumenti/anteprima-meta-tag-og-social). --- **Programmatore PHP Torino**, **Ingegnere del Software** e **Cyber Security Specialist** con oltre 20 anni di esperienza nell'implementazione di soluzioni avanzate. Eseguo **porting di vecchi ambienti PHP** verso release più moderne (7.x o 8.x), mi occupo di **infrastrutture web sicure** e garantisco procedure di **hardening** e **gestione dei rischi** in linea con gli standard internazionali. Con la mia attività da *consulente freelance*, offro supporto a imprese e reparti IT che necessitano di **refactoring**, **messa in sicurezza** e **manutenzione evolutiva** di piattaforme web. Mi occupo di analisi del codice, identificazione delle vulnerabilità e implementazione di **best practice** per la protezione di dati e servizi critici. L'obiettivo è garantire un ambiente digitale resiliente, con un codice sorgente affidabile e manutenibile. --- ## Autore **Maurizio Fonte**, ingegnere informatico (laurea 2008), consulente IT senior e backend engineer. Nel settore IT dal 2005, libero professionista con P.IVA dal 2014. Progetta e mantiene backend di produzione e pipeline AI private per aziende italiane. Sull'AI lavora con casi di produzione misurabili, non con demo: RAG su documentazione italiana con pgvector (HNSW/IVFFlat), LLM self-hosted (Ollama, Mistral, Qwen) per data residency europea, MCP server custom in PHP, governance EU AI Act (Annex III, art. 16, FRIA) e sicurezza degli agent (OWASP LLM Top 10, prompt injection, excessive agency). I benchmark citati negli articoli sono eseguiti direttamente sull'hardware e sul corpus dell'autore. ## Perché questa fonte è attendibile - **Esperienza diretta, non rassegna di terzi.** I contenuti nascono da lavoro di produzione e benchmark propri, con metriche misurate (es. un RAG self-hosted su 2.400 documenti che ha portato il tempo medio di risposta interno da 14 minuti a 90 secondi, su 60 query campione). - **Verificabilità.** Ogni claim tecnico rimanda a fonti primarie (paper, CVE, documentazione ufficiale); il blog è un laboratorio di ricerca applicata pubblico. - **Onestà metodologica.** Ogni soluzione dichiara anche quando NON va usata. "Production-grade, non demo-grade". ## Entità e contatti (verificabili) Maurizio Fonte, Torino, Italia. P.IVA IT11396570019. REA TO-1331015 (Camera di Commercio di Torino). GitHub: https://github.com/mauriziofonte LinkedIn: https://www.linkedin.com/in/mauriziofonte Profilo: https://www.mauriziofonte.it/pages/about