iPhone Duo goes on sale on October 23, 2026. Online stores don't need a dedicated app or a custo…
Sylius Frontend: Build Custom vs. Laioutr, Quale Fa per Voi?
Se volete far girare Sylius in modalità headless, avete diverse opzioni per il frontend. A differenza di Shopify (Hydrogen) o commercetools (Frontastic), non esiste un frontend ufficiale per Sylius. La domanda di confronto più comune è quindi: build custom in Next.js o Nuxt, oppure una Frontend Management Platform come Laioutr.
Entrambi funzionano con Sylius Community e Plus. Entrambi parlano con la Sylius API Platform. Entrambi gestiscono multi-channel e B2B. Ma sono pensati per configurazioni di team diverse, ed è per questo che la decisione è meno una questione tecnica e più una questione di team.
Questo articolo confronta le due opzioni lungo sei dimensioni e si conclude con una matrice decisionale.
Cos'è il build custom e cosa non è
Build custom significa: creare un progetto frontend dedicato, tipicamente con Next.js (React) o Nuxt (Vue), che parla con la Sylius API Platform. Il team costruisce i componenti da zero, gestisce lo state management, integra sistemi di terze parti, si occupa del deploy.
Il build custom è lo strumento per team di engineering maturi. Se avete un team React o Vue esperto con conoscenza di Symfony, ottenete il massimo controllo. Se non lo avete, passate dai sei ai dodici mesi a costruire una base che molte FMP offrono già pronta.
Cos'è Laioutr e cosa non è
Laioutr è una Frontend Management Platform, non una libreria, non un framework, ma una piattaforma completa con un page builder visuale (Studio), oltre 70 componenti e-commerce pre-costruiti, temi, integrazioni con app e hosting nell'UE distribuito globalmente.
Laioutr è uno strumento per team cross-funzionali: marketing, design ed engineering lavorano sulla stessa piattaforma. A differenza di un build custom, Laioutr è agnostico rispetto al backend: Sylius, Shopify, Shopware e altri backend sono supportati allo stesso modo.
Sei dimensioni di confronto
1. Chi può effettivamente usarlo?
Il build custom richiede conoscenza di React o Vue, più comprensione di Symfony e della Sylius API. I team di marketing sono esclusi. Laioutr si rivolge tanto ai team di marketing e design quanto a quelli di engineering, sia tramite il builder visuale che tramite l'API per il codice.
2. Time-to-launch
Un build custom da zero fino al go-live richiede tipicamente dai sei ai dodici mesi, perché tutto viene costruito internamente, dai componenti al routing all'hosting. Con Laioutr e un tema, il primo storefront va live in poche settimane.
3. Hosting e deployment
Il build custom va hostato e distribuito separatamente, tipicamente su Vercel, AWS o infrastruttura propria. Laioutr Cloud è incluso nel piano, con distribuzione CDN globale nell'UE e deployment automatizzato.
4. Flessibilità sul backend
Il build custom è tipicamente costruito in modo specifico per la Sylius API Platform. Un cambio di backend successivo richiederebbe una ricostruzione importante del livello di stato e dell'integrazione API. Laioutr è agnostico rispetto al backend: passare a Shopify, Shopware, commercetools o altri backend significa riconfigurare una connessione API.
5. Performance e conformità
Il build custom offre una buona base di codice se il team lo fa bene, ma le performance Lighthouse 100, la conformità all'EU Accessibility Act e il WCAG 3.0 sono responsabilità proprie. I componenti di Laioutr puntano a Lighthouse 100 e coprono WCAG 3.0, EN 301 549 e BFSG già pronti all'uso.
6. Costo totale di proprietà
Il build custom sembra economico perché non ci sono costi di licenza, ma costa una fase di costruzione di sei-dodici mesi più la manutenzione continua da parte di un team interno. Laioutr è SaaS con piani trasparenti: hosting, componenti ed editor sono inclusi. Il TCO su un periodo di 3-5 anni è tipicamente significativamente inferiore a quello del build custom. La tabella completa a dodici dimensioni si trova sulla nostra pagina hub.
Quale configurazione di team si adatta a quale soluzione?
Il build custom è la scelta giusta quando…
- Avete un team React o Vue dedicato con almeno tre engineer
- Avete esperienza interna con Symfony e la Sylius API
- State costruendo esattamente un unico storefront Sylius, senza piani per multi-brand o cambi di backend
- Volete codificare voi stessi ogni decisione di design
- L'engineering del frontend è la vostra competenza strategica di base
Caso d'uso classico: un brand DTC con un team di engineering interno che vuole controllo a livello di pixel e considera il frontend un vantaggio competitivo.
Laioutr è la scelta giusta quando…
- Il marketing deve costruire pagine in autonomia
- Vi servono settimane invece di mesi per andare live
- Servite più canali o brand Sylius
- Volete opzionalità sul backend
- BFSG e WCAG 3.0 devono essere risolti senza un audit separato
- Non avete, o non volete costruire, un team frontend React o Vue dedicato
Caso d'uso classico: uno store Sylius mid-market o enterprise che deve moltiplicare l'output di marketing senza un investimento a sei cifre in engineering.
Quando ha senso passare dal build custom a Laioutr?
Vediamo tipicamente il passaggio in due situazioni:
Primo: quando il team React o Vue che ha costruito la soluzione custom si assottiglia o lascia l'azienda. All'improvviso il frontend non ha più un owner, con alti costi di manutenzione e lacune nella documentazione.
Secondo: quando la strategia multi-brand o multi-market diventa concreta e il build custom monolitico non riesce a scalare di conseguenza.
In sintesi: il tooling segue la configurazione del team
La domanda build-custom-vs.-Laioutr è raramente una questione tecnica. È una questione di team. Se avete il team React o Vue che costruisce e mantiene una soluzione custom nel corso degli anni, scegliete il build custom: è una strategia valida. Se non lo avete, o non volete costruirlo, sarete più prevedibili con una FMP.
Se non siete sicuri, eseguiamo il confronto dal vivo sul vostro setup Sylius, incluso un calcolo del costo totale di proprietà su 3 anni.
Risorse correlate: Composable Headless Frontend e Content Management.