Date al vostro team Vue e Saleor un editor visuale, oltre 70 componenti e-commerce e hosting UE, e andate live in settimane invece che in mesi.
Contattate uno dei nostri partner per il vostro frontend e-commerce basato su Laioutr.
5/5
OMR Reviews
70+
Componenti e-commerce
Lighthouse 100
Performance dal primo giorno
Made in EU
Conforme al GDPR, server in Germania
100% Match
Che cosa significa headless per Saleor?
Saleor è headless e API-first fin dalle fondamenta: il backend Python/Django con prodotti, channel, ordini e checkout è già disaccoppiato dal frontend e viene interrogato esclusivamente tramite la Saleor GraphQL API. Qui headless significa: costruite il frontend, tutto ciò che vedono i vostri clienti, liberamente sopra il livello GraphQL, senza essere vincolati a uno stack di storefront predefinito e con il pieno controllo delle performance.
1. Il backend resta Saleor
Saleor continua a gestire prodotti, channel, warehouse, listini prezzi, ordini, imposte e checkout. Utilizzate la dashboard Saleor e i consueti strumenti di business senza modifiche, con tutti i workflow, le app e i webhook già consolidati.
2. Il frontend viene scelto
Avete quattro opzioni: adottare il Saleor storefront example, una storefront community con collegamento a Saleor, un custom build (Next.js o Nuxt) oppure una Frontend Management Platform come Laioutr. Ogni opzione ha i suoi pro e contro.
3. I dati fluiscono in tempo reale tramite la GraphQL API
Nessuna duplicazione dei dati, nessun conflitto di sincronizzazione. Laioutr dialoga direttamente con la Saleor GraphQL API, con supporto nativo multichannel, customer group e B2B.
Vantaggi
Quali opzioni di frontend avete per Saleor?
Saleor è GraphQL-first e con uno storefront example in Next.js e una GraphQL API end-to-end fornisce i mattoni, ma non un prodotto frontend già pronto e utilizzabile da chi non sviluppa. Per ogni progetto Saleor la questione del frontend resta quindi aperta. Sul mercato si sono affermate quattro opzioni.
La domanda non riguarda solo Saleor: ciò che un headless frontend deve garantire in generale è spiegato nella pagina di panoramica, e chi valuta in parallelo commercetools trova le opzioni per un frontend commercetools a confronto diretto.
1. Saleor storefront example (Next.js)
Lo storefront example open source ufficiale di Saleor, realizzato con Next.js App Router, React, TypeScript e Tailwind. Punto di partenza ideale per imparare e per i proof of concept, ma come storefront di produzione dovrete sviluppare voi stessi design system, componenti e logica delle pagine. Ha senso per shop piccoli o come soluzione ponte.
2. Storefront community con collegamento a Saleor
Framework frontend open source con collegamento a Saleor mantenuto dalla community. Community attiva, ma nessun prodotto storefront di produzione ufficiale e nessuna rete di supporto enterprise diretta. Ha senso se disponete di un team frontend adeguato e l'open source è strategicamente importante per voi.
3. Custom Build (Next.js o Nuxt)
Massimo controllo, massimo impegno. Una fase di build da sei a dodici mesi e una manutenzione permanente a carico di un team interno Python e React o Vue che orchestra da sé la Saleor GraphQL API. Ha senso se il frontend engineering è la vostra competenza strategica centrale.
4. Laioutr DXP
Una Frontend Management Platform con builder visuale, oltre 70 componenti, hosting UE e supporto multi-backend. Time-to-launch più rapido, curva di apprendimento più dolce, opzionalità di backend per il futuro. Ha senso se volete andare live rapidamente, senza investire in un custom build.
CASI D'USO
Che cosa costruite con Laioutr per Saleor
Laioutr è pensato per i setup Saleor che devono cambiare rapidamente e scalare a livello globale. Dalla storefront multichannel nativa per portfolio di marchi al frontend con configuratore B2B e cataloghi di grandi dimensioni.
Storefront multichannel su un unico backend Saleor
Il multichannel di Saleor è first-class nel core: più channel (marchi, mercati, canali di vendita) con logiche proprie di prezzo, valuta e assortimento, ciascuno con un frontend autonomo, un dominio proprio e un'identità di marca propria. Un unico pool di componenti, più esperienze di marca.
Portali B2B con i customer group di Saleor
Saleor offre gruppi di clienti, prezzi specifici per channel e strutture di permessi. Laioutr richiama direttamente la GraphQL API e visualizza prezzi, assortimenti e workflow specifici per gruppo di clienti.
PDP guidate da configuratore
Beni industriali, workflow di personalizzazione, specifiche B2B. La logica complessa di state management viene risolta a livello di componenti Laioutr, mentre le chiamate GraphQL restano nettamente separate.
Storefront internazionali con channel dedicati per ogni mercato
Un'unica istanza Saleor, molti channel. Lingue, valute, layout e assortimenti si gestiscono per singolo channel, in coerenza con il concetto di channel nativo di Saleor.
Replatforming verso l'headless senza toccare il backend
Un frontend Saleor esistente da rinnovare, senza intervenire sulla configurazione del backend. Migrazione per fasi, con un piano di rollback chiaro.
Storefront greenfield su nuovi progetti Saleor
Nuovo progetto Saleor, partenza da zero. Con i temi Laioutr e la libreria UI si va in produzione in poche settimane, invece di investire mesi in un custom build.
Laioutr vs. custom build per Saleor
Il confronto onesto
Saleor è un framework headless GraphQL-first e mette a disposizione API, dashboard e uno storefront example, ma non un prodotto frontend già pronto per chi non sviluppa. La decisione sul frontend è quindi quasi sempre: custom build in Next.js o Nuxt, oppure una Frontend Management Platform come Laioutr. Il custom build offre il massimo controllo, ma costa una fase di build da sei a dodici mesi e una manutenzione permanente. Laioutr include nel piano Studio, oltre 70 componenti e l'hosting, con piena estensibilità via codice per i casi particolari. Entrambe le strade funzionano con Saleor B2C e B2B.
Confronta le differenze | Laioutr DXP | Custom Build (Next.js / Nuxt) |
|---|---|---|
Builder und Komponenten Was Sie aus der Box bekommen und was Sie selbst aufbauen müssen. | ||
Visueller Page Builder Drag-and-Drop-Editor für Marketing- und Content-Teams. | Inklusive (Studio) Live-Preview, komponentenbasiert | Nicht enthalten Eigenbau oder externes CMS |
E-Commerce-Komponenten Vorgefertigte UI-Bausteine für Storefronts, Produkt- und Landingpages. | 70+ Komponenten Design-Token-basiert, anpassbar | Selbst aufbauen Komplette UI-Bibliothek selbst entwickeln |
Themes und Vorlagen Startpunkt für neue Storefronts ohne Greenfield-Aufwand. | Vorgefertigte Themes Sofort einsatzbereit, voll erweiterbar | Greenfield Designsystem komplett selbst aufbauen |
Hosting Wo das Frontend ausgeliefert wird und wer es betreibt. | Inklusive (EU-CDN) Laioutr Cloud, kein separater Deploy | Selbst hosten Vercel, AWS, eigene Infrastruktur |
Architektur und Compliance Wie flexibel die Plattform ist und was Sie regulatorisch mitbekommen. | ||
Backend-Flexibilität Welche E-Commerce-Backends sich anbinden lassen. | Multi-Backend Saleor, commercetools, Shopware, Shopify | Backend-spezifisch Code an Saleor GraphQL API gebunden, Wechsel teuer |
Performance und Core Web Vitals Wie viel Aufwand für Lighthouse-100-Niveau nötig ist. | Out of the box Lighthouse 100 als Default-Ziel | Manuelles Tuning Performance-Engineering durch Team |
BFSG und WCAG 3.0 Konformität mit Barrierefreiheitsstärkungsgesetz und WCAG 3.0. | Im Standard WCAG 3.0, BFSG, EN 301 549 | Eigenverantwortung Audit separat erforderlich |
Datenschutz und Serverstandort Wo Daten verarbeitet werden und welche EU-Verträge gelten. | EU und Deutschland EU-Standardvertrag, deutschsprachiger Support | Hosting-abhängig Je nachdem, wo Sie deployen |
Team und Wirtschaftlichkeit Wer mit der Plattform produktiv ist und was es Sie über die Zeit kostet. | ||
Lernkurve Wie schnell ein neues Teammitglied produktiv wird. | Niedrig Marketing onboardet in Tagen | Hoch React/Vue plus Python/Django plus Saleor GraphQL API |
Time-to-Launch Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront. | Wochen Mit Themes und UI-Bibliothek | Monate Sechs- bis zwölfmonatige Build-Phase |
Ideales Team-Setup Wer mit der Plattform arbeiten kann und wer arbeiten muss. | Cross-funktional Marketing, Design und Dev gemeinsam | Engineering-only Drei plus React- oder Vue-Engineers |
Preismodell Wie sich Kosten zusammensetzen, Software plus Betrieb plus Entwicklung. | SaaS (planbar) Transparente Pläne, Hosting inklusive Preise ansehen | Engineering-Kosten Build plus dauerhafte Wartung |
Tutti i dati si basano su informazioni pubblicamente disponibili, sull'esperienza maturata nei colloqui di vendita con brand e-commerce dell'area DACH e su test condotti da noi sulle piattaforme. Aggiornato a giugno 2026. Le funzioni di Saleor possono essere nel frattempo evolute.
Saleor
Quando il custom build è la scelta giusta
Avete un team React o Vue dedicato con esperienza Python e Saleor, almeno tre engineer. Costruite esattamente una storefront Saleor con requisiti estremamente specializzati. Il frontend engineering è la vostra competenza strategica centrale. Caso d'uso classico: un brand DTC con team di engineering interno ed esigenza di controllo al pixel.
LAIOUTR
Quando Laioutr è la scelta giusta
Volete settimane invece di mesi fino al go-live, volete che il marketing crei pagine in autonomia, gestite più channel o marchi Saleor, volete mantenere aperta l'opzionalità del backend e BFSG e WCAG 3.0 devono essere risolti senza un audit separato. Caso d'uso classico: uno shop Saleor mid-market o enterprise che vuole scalare senza un investimento di engineering a due cifre.
Non dovete farlo da soli. I nostri partner composable certificati hanno realizzato progetti di frontend Saleor con Laioutr, dai setup greenfield alle migrazioni dallo storefront example.
FAQ