OXID × Laioutr

Headless per OXID, senza l'ingegneria del custom build

La Frontend Management Platform per OXID eShop. Page builder visuale, oltre 70 componenti e-commerce con blocchi B2B, hosting UE. Live più veloce di uno sviluppo custom con Next.js, compatibile multi-edizione, compatibile con account selection, permission set e assortimenti specifici per cliente.

5,0 stelle su OMR Reviews. Server nell'UE. BFSG-ready. Utilizzato con partner OXID nell'area DACH.

App Oxid

Non esitare a contattare uno dei nostri partner per il tuo frontend e-commerce basato su Laioutr.

Fatchip
Foun10
5/5

OMR Reviews

70+

Componenti e-commerce

Lighthouse 100

Performance dal giorno 1

Made in EU

Conforme al GDPR, server in Germania

100% Match

Cosa significa headless per OXID?

Headless per OXID separa il frontend, tutto ciò che i tuoi clienti vedono, dal backend OXID con i suoi prodotti, account selection, permission set e processi d'ordine. Invece di Flow Theme o Wave, il frontend si collega tramite il modulo OXID GraphQL StoreFront e può essere progettato liberamente, senza i limiti dei theme Smarty e con pieno controllo sulle performance.

Per approfondire: i nostri articoli su quando conviene passare all'headless con OXID, l'upgrade da OXID 6 a 7 e cosa significa la fine del ciclo di vita di OXID 6 per il tuo frontend.

1. Il backend resta OXID

OXID continua a gestire prodotti, account selection, permission set, assortimenti specifici per cliente, workflow IVA, ordini e checkout. Usi l'admin OXID senza modifiche, con tutti i moduli B2B della Enterprise Edition.

2. Il frontend viene scelto

Hai quattro opzioni consolidate: Flow Theme (Smarty predefinito), Wave Theme (variante più moderna, anch'essa non headless), sviluppo custom (Next.js o Nuxt con OXID GraphQL StoreFront), oppure una Frontend Management Platform come Laioutr.

3. I dati fluiscono via GraphQL in tempo reale

Nessuna duplicazione dei dati, nessun conflitto di sincronizzazione. Laioutr dialoga direttamente con l'API OXID GraphQL StoreFront, inclusi tutti gli endpoint B2B per account selection, permission set e assortimenti specifici per cliente.

Vantaggi

Quali opzioni di frontend hai per OXID?

OXID non ha un framework headless ufficiale come FastStore o PWA Studio. Al suo posto, scegli tra theme classici e uno sviluppo custom con GraphQL StoreFront. Quattro opzioni si sono affermate sul mercato. Ecco dove ciascuna conviene per gli acquirenti OXID.

1. Flow Theme (storefront predefinito)

Basato su Smarty, incluso con OXID di default, non headless. Utile per setup esistenti che non vogliono migrare, o per progetti greenfield con esigenze minime di personalizzazione. I limiti di performance e modernizzazione sono reali.

2. Wave Theme

Una variante di theme più moderna, anch'essa basata su Smarty. Utile se vuoi sostituire Flow ma non vuoi ancora passare all'headless. UI migliore di Flow, ma gli stessi limiti architetturali.

3. Sviluppo custom con OXID GraphQL StoreFront (Next.js, Nuxt, Vue Storefront)

Massimo controllo, massimo sforzo. Una fase di build di sei-nove mesi più manutenzione continua con due-tre ingegneri. Utile per team enterprise con ingegneria frontend dedicata e requisiti B2B altamente specifici.

4. Laioutr FMP

Una Frontend Management Platform con builder visuale, oltre 70 componenti inclusi blocchi B2B, hosting UE e supporto multi-backend. Utile se vuoi andare live velocemente, hai bisogno di funzionalità B2B standard di serie, e hai bisogno di velocità di marketing senza uno sprint di ingegneria per pagina.

CASI D'USO

Cosa costruisci con Laioutr per OXID

Laioutr è costruito per setup OXID che vogliono lasciarsi alle spalle i limiti dei loro theme Smarty, senza avviare uno sviluppo custom di sei-nove mesi con un proprio team Next.js. Dal portale B2B specifico per account allo storefront multi-brand.

Portali B2B con account selection, permission set e assortimenti specifici per cliente

OXID B2B fornisce i workflow completi. Laioutr chiama direttamente l'API GraphQL StoreFront e rende frontend specifici per account con logica dei permessi, listini prezzi specifici per cliente e assortimenti individuali.

Modernizzazione di Flow Theme o Wave Theme

Uno stack di theme Smarty esistente deve essere sostituito, senza toccare il backend OXID. Migrazione per fasi, senza che le performance esistenti ne risentano.

Storefront multi-brand su un'unica istanza OXID

Più brand su un'unica istanza OXID EE, con frontend propri, domini propri, backend condiviso e configurazione B2B condivisa.

Setup di internazionalizzazione con workflow B2B localizzati

Multi-paese OXID con listini prezzi localizzati, workflow IVA e varianti linguistiche. Il frontend viene configurato in Studio, senza allestire uno sviluppo custom per ogni mercato.

Sostituzione di uno sviluppo custom con OXID GraphQL StoreFront

Hai uno sviluppo custom con Next.js e OXID GraphQL StoreFront in funzione, e il team di ingegneria si è ridotto. Migrazione verso una FMP, senza toccare il backend OXID.

Storefront greenfield su nuovi progetti OXID

Nuovo progetto OXID, inizio da zero. Con i theme Laioutr e la libreria UI, vai live in settimane invece di investire sei mesi in uno sviluppo custom con OXID GraphQL StoreFront.

Laioutr vs. sviluppo custom (Next.js con OXID GraphQL StoreFront)

Il confronto onesto composable

Lo sviluppo custom è la strada più comune verso l'headless OXID: il modulo ufficiale GraphQL StoreFront più un tuo frontend in Next.js, Nuxt o Vue Storefront. Laioutr è una Frontend Management Platform completa con builder visuale, libreria di componenti e supporto multi-backend. Entrambi funzionano con OXID. Se vuoi il massimo controllo del codice e un team frontend dedicato, lo sviluppo custom è l'opzione più flessibile. Se vuoi velocità di marketing, componenti B2B e un TCO prevedibile, sarai più produttivo con Laioutr.

Confronto dei piani tariffari
Confronta le differenze
Laioutr FMP
Custom Build (Next.js + OXID GraphQL StoreFront)
Builder und Komponenten
Was Sie aus der Box bekommen, mit Fokus auf B2B und DACH-Mittelstand.
Visueller Page Builder
Drag-and-Drop-Editor für Marketing- und Content-Teams.
Inklusive (Studio)
Live-Preview, komponentenbasiert
Nicht enthalten
Reine Code-Entwicklung in Next.js
B2B-Komponenten
Vorgefertigte UI-Bausteine für Account-Selection, Permission-Sets, kundenspezifische Sortimente.
70+ Komponenten
B2B-Bausteine inkl. Permission-UI
Selbst bauen
B2B-UI als Custom-Build pro Workflow
Themes und Vorlagen
Startpunkt für neue Storefronts ohne Greenfield-Aufwand.
Vorgefertigte Themes
Sofort einsatzbereit, voll erweiterbar
Greenfield
Storefront komplett selbst designen
Hosting
Wo das Frontend ausgeliefert wird und wer es betreibt.
Inklusive (EU-CDN)
Laioutr Cloud, kein separater Deploy
Selbst hosten
Vercel, AWS, Hetzner, eigene Infrastruktur
Architektur und OXID-Integration
Wie das Frontend das OXID-Backend nutzt und wie viel Eigenleistung nötig ist.
Backend-Flexibilität
Welche E-Commerce-Backends sich anbinden lassen.
Multi-Backend
OXID, Shopware, commercetools, weitere
OXID-spezifisch
Code ist auf OXID-Schema zugeschnitten
OXID-API-Anbindung
Wie das Frontend mit dem OXID-Backend kommuniziert.
GraphQL StoreFront
Standard-Anbindung über offizielles Modul
GraphQL StoreFront
Standard-Anbindung über offizielles Modul
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
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
Next.js, GraphQL, OXID-Schema
Time-to-Launch
Realistische Zeitspanne bis zum Live-Gang einer neuen Storefront.
Wochen
Mit Themes und Komponenten
Monate
6 bis 9 Monate Build-Phase
Ideales Team-Setup
Wer mit der Plattform arbeiten kann und wer arbeiten muss.
Cross-funktional
Marketing, Design und Dev gemeinsam
Engineering-only
Next.js-Team mit OXID-Erfahrung
Total Cost of Ownership
Software plus Engineering plus Wartung über 3 bis 5 Jahre.
SaaS (planbar)
Hosting und Komponenten inklusive
Preise ansehen
Engineering-lastig
Hohe Build- und Wartungs-Kosten

Tutti i dati si basano su informazioni disponibili pubblicamente, conversazioni di vendita con brand e-commerce dell'area DACH e nostri test della piattaforma. Aggiornato ad aprile 2026. Le funzionalità di OXID potrebbero essere cambiate da allora.

OXID

Quando uno sviluppo custom è la scelta giusta

Hai un team Next.js o Nuxt dedicato con esperienza sull'API OXID (almeno tre ingegneri), accetti fasi di build di sei-nove mesi, la differenziazione massima a livello di pixel è strategicamente importante, workflow B2B altamente specifici non possono essere rappresentati con componenti standard, e la manutenzione di ingegneria pluriennale è a budget. Caso d'uso classico: un produttore di beni industriali con un configuratore complesso e un team frontend dedicato.

LAIOUTR

Quando Laioutr è la scelta giusta

Vuoi settimane invece di mesi per andare live, il marketing deve costruire pagine in autonomia, le funzionalità B2B standard devono essere disponibili di serie, non hai un team di ingegneria frontend dedicato, il costo totale di proprietà su 5 anni è rilevante, e la conformità BFSG deve essere risolta senza audit separato. Caso d'uso classico: un brand B2B mid-market dell'area DACH su OXID che vuole modernizzarsi senza costruire un team di ingegneria frontend.

Shop Demo   OXID
BLUEPRINT

Inizia con un Blueprint invece che da zero

Scopri i nostri Blueprint: frontend precomposti per il tuo settore, personalizzabili all'istante e, in caso di dubbio, adatti anche al tuo setup OXID. Scegli un punto di partenza e vai live più velocemente.

ANTEPRIMA UI

Cosa puoi creare con Laioutr per OXID

Pagine di lancio prodotto, home page, pagine di dettaglio prodotto, pagine di listing prodotto, pagine di vendita, blog, pagine di contenuto e altro.

UI Demo

Non devi farlo da solo. I nostri partner di implementazione OXID hanno realizzato progetti di frontend OXID con Laioutr, dalle migrazioni da Flow Theme alle sostituzioni di sviluppi custom.

Fatchip
Foun10
FAQ

Domande frequenti su headless per OXID

Sì. Laioutr usa il modulo OXID GraphQL StoreFront, compatibile con tutte e tre le edizioni. Le funzionalità B2B come account selection e permission set fanno però parte della Enterprise Edition.

Uno sviluppo custom con Next.js o Nuxt è code-first e richiede un team frontend dedicato più una build di sei-nove mesi. Laioutr è una piattaforma frontend pronta all'uso con builder visuale, oltre 70 componenti e hosting integrato. Live più veloce, curva di apprendimento più bassa, e il marketing può lavorare in autonomia.

Sì. Le funzionalità B2B di OXID EE (account selection, permission set, assortimenti specifici per cliente, listini prezzi, workflow IVA) vengono fornite tramite il modulo GraphQL StoreFront e rese nei componenti B2B di Laioutr.

I moduli OXID che forniscono funzionalità backend restano utilizzabili. I moduli con componenti frontend (template Smarty) non vengono ripresi 1:1 con Laioutr; devono essere ricostruiti come componenti in Studio o integrati tramite componenti personalizzati.

Sì. L'integrazione ERP avviene tramite connettori backend OXID, senza toccare il frontend. L'integrazione con strumenti di terze parti tramite l'App Store Laioutr per workflow di marketing (email, CRM, analytics) è standard.

Sì. I tag di analytics (Google Analytics, etracker, Matomo) si integrano via JavaScript, esattamente come con qualsiasi altra soluzione frontend. Le configurazioni conformi al GDPR tramite strumenti di gestione cookie (Usercentrics, OneTrust) funzionano come di consueto.

Per un setup di medie dimensioni con branding chiaro e senza logica custom esotica: 6-12 settimane dal kickoff al go-live. Con workflow B2B complessi o setup multi-edizione, prevedi di più (10-18 settimane).

Uno sviluppo custom con OXID GraphQL StoreFront è tecnicamente gratuito (il modulo fa parte di OXID), ma l'investimento in ingegneria è sostanziale (una fase di build di sei-nove mesi più manutenzione continua con due-tre ingegneri). Laioutr è SaaS con piani trasparenti; hosting e componenti sono inclusi. Il costo totale di proprietà è tipicamente inferiore del 30-50 percento rispetto a uno sviluppo custom.

Sì. È esattamente uno dei vantaggi chiave rispetto a uno sviluppo custom. Laioutr è agnostico rispetto al backend: passare da OXID a Shopware, Adobe Commerce o un altro backend significa riconfigurare una connessione API, non ricostruire il frontend.

Sì. La localizzazione dei server in UE/Germania, il contratto standard UE, il supporto in tedesco, il WCAG 3.0 e il BFSG (vincolante dal 2025) sono coperti di default. Esattamente ciò di cui hanno bisogno gli acquirenti mid-market OXID nell'area DACH.

Sì, siamo un partner ufficiale di OXID.

Sì. OXID eShop espone i dati necessari tramite la sua GraphQL Storefront API, e Laioutr fornisce il frontend disaccoppiato sopra di essa. Il backend resta OXID, il frontend diventa headless, veloce e senza sviluppo custom.

Il salto di versione aumenta la pressione per modernizzare il frontend. Con un frontend Laioutr disaccoppiato separi questa decisione dal backend, modernizzi lo storefront in modo indipendente e resti pronto per OXID 7 senza dover ricostruire completamente il theme.

Sì. Laioutr dialoga con l'API OXID GraphQL Storefront tramite il layer Orchestr e normalizza prodotti, categorie, prezzi e carrello in un modello dati frontend unificato, cosicché i componenti dello storefront restano agnostici rispetto al backend.

Sì. La logica B2B, prezzi a scaglioni, prezzi specifici per cliente, richieste di preventivo, resta nel backend OXID, e Laioutr rende i componenti B2B corrispondenti nel frontend, inclusi i flussi di account, approvazione e ordine rapido.

Insight su OXID

SEO / GEO / AEO Ready
Performance e Core Web Vitals
WCAG 3.0 Ready
Tracciamento & Analytics
Coerenza del brand