---
title: "blog/post-single"
canonical_url: "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection"
locale: it
---
# API REST e GraphQL di Commerce Layer + Laioutr: come si collega il frontend
Indice
1. [1.Che cosa offrono le API REST e GraphQL](#che-cosa-offrono-le-api-rest-e-graphql)
2. [2.Laioutr è il consumer, Commerce Layer è la source of truth](#laioutr-il-consumer-commerce-layer-la-source-of-truth)
3. [3.Che cosa significa nella pratica](#che-cosa-significa-nella-pratica)
4. [4.Un livello configurato, non un progetto greenfield](#un-livello-configurato-non-un-progetto-greenfield)
5. [5.Performance e hosting](#performance-e-hosting)
6. [6.FAQ](#faq)
1. [1.Che cosa offrono le API REST e GraphQL](#che-cosa-offrono-le-api-rest-e-graphql)
2. [2.Laioutr è il consumer, Commerce Layer è la source of truth](#laioutr-il-consumer-commerce-layer-la-source-of-truth)
3. [3.Che cosa significa nella pratica](#che-cosa-significa-nella-pratica)
4. [4.Un livello configurato, non un progetto greenfield](#un-livello-configurato-non-un-progetto-greenfield)
5. [5.Performance e hosting](#performance-e-hosting)
6. [6.FAQ](#faq)
Se usi Commerce Layer e vuoi un frontend moderno senza costruirlo da zero, la domanda sull'integrazione è semplice: come dialoga il livello frontend con Commerce Layer? Questo articolo spiega come Laioutr si collega alle API REST e GraphQL e che cosa resta dove.
## Che cosa offrono le API REST e GraphQL
Commerce Layer non include volutamente alcun frontend: il livello di presentazione è interamente una tua scelta. L'API espone dati di prodotto e di catalogo, operazioni sul carrello, account cliente e checkout. Poiché l'API è il contratto, qualsiasi frontend può consumarla, Laioutr compreso.
## Laioutr è il consumer, Commerce Layer è la source of truth
Laioutr si collega alle API REST e GraphQL esistenti come livello configurato, non come progetto di integrazione su misura. Commerce Layer resta l'unica source of truth: catalogo, prezzi, promozioni, disponibilità e ordini restano nel backend. Non c'è duplicazione dei dati né un livello di sincronizzazione da mantenere coerente. Il frontend richiede i dati al momento del rendering e rimanda le azioni di carrello e checkout attraverso l'API.
## Che cosa significa nella pratica
- Le pagine di prodotto e di categoria vengono renderizzate da risposte live delle API REST e GraphQL
- Le azioni di carrello e checkout passano dall'API, quindi la logica d'ordine resta in Commerce Layer
- Gli account cliente e lo storico ordini arrivano dall'API
- Le specificità B2C e B2B vengono servite tramite l'API e renderizzate nei componenti Laioutr
## Un livello configurato, non un progetto greenfield
Un frontend su misura deve gestire da solo ogni caso limite dell'API. Laioutr fornisce i componenti commerce e i relativi comportamenti API già pronti, quindi il collegamento si riduce alla configurazione sul tuo schema. I team di marketing possono poi comporre [pagine e campagne](https://www.laioutr.com/en/composable-headless-frontend "pages and campaigns") al di sopra, senza toccare l'integrazione.
## Performance e hosting
Laioutr distribuisce il frontend da una CDN europea con un [obiettivo Lighthouse 100](https://www.laioutr.com/en/product/performance-core-web-vitals "Lighthouse 100 target") e rendering lato server per la SEO. Il caching a livello di frontend riduce il carico sul backend Commerce Layer per il traffico di catalogo, dominato dalle letture.
## FAQ
### Laioutr memorizza i nostri dati di prodotto?
No. I dati restano in Commerce Layer. Laioutr li richiede al momento del rendering tramite le API REST e GraphQL: non esiste un datastore duplicato.
### Il backend viene toccato durante il setup?
Non è necessaria alcuna re-architettura del backend. Usi le API REST e GraphQL e configuri il livello di connessione Laioutr. Consulta la [pillar page su Commerce Layer](https://www.laioutr.com/en/headless-frontend-for-commerce-layer "Commerce Layer pillar page") oppure [parla con il nostro team](https://www.laioutr.com/en/contact "talk to our team").
Altro su Laioutr: [Personalization](https://www.laioutr.com/en/product/personalization).
Letture correlate: [BigCommerce GraphQL Storefront API + Laioutr: How the Frontend Connects](https://www.laioutr.com/en/blog/big-commerce-api-laioutr-frontend-connection) e [Pimcore GraphQL API (Datahub) and REST + Laioutr: How the Frontend Connects](https://www.laioutr.com/en/blog/pimcore-api-laioutr-frontend-connection).
---
Condividi questo articolo
[Condividi su Facebook](https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection) [Condividi su X](https://x.com/intent/post?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection&text=) [Condividi su LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection) [Condividi su Pinterest](https://pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection&description=) [Condividi via e-mail](mailto:?subject=&body=%0A%0Ahttps%3A%2F%2Fwww.laioutr.com%2Fit%2Fblog%2Fcommerce-layer-api-laioutr-frontend-connection)
## Altri articoli interessanti
Conoscenza pratica su sviluppo frontend, agenti intelligenti e headless
[Al blog](https://www.laioutr.com/it/blogs)
[Tracking del sito nell'e-commerce 2026: lo stack senza filtri
Il tracking di un sito e-commerce non è un singolo strumento, ma uno stack di cinque livelli: gestio…](https://www.laioutr.com/it/blog/website-tracking-ecommerce-stack-overview-2026)
[Una fonte di contenuto per ogni canale: dalla stampa allo shop
Il doppio inserimento si verifica quando lo stesso testo di prodotto, la stessa specifica o la stess…](https://www.laioutr.com/it/blog/unified-content-source-print-to-storefront-omnichannel-2026)
[I cookie di terze parti non sono morti, ma i dati hanno lacune
I cookie di terze parti esistono ancora nel 2026. Nel 2025 Google ha deciso di non rimuoverli da Chr…](https://www.laioutr.com/it/blog/third-party-cookies-2026-why-tracking-data-has-gaps)
[Checkout ospite o account cliente: una scelta frontend da testare
In uno storefront B2C il checkout come ospite dovrebbe essere il percorso predefinito, e l'accou…](https://www.laioutr.com/it/blog/guest-checkout-vs-customer-account-frontend-testing)
[Google Tag Manager solo con consenso: la sentenza di Hannover
Google Tag Manager può essere caricato solo dopo che il visitatore ha dato un consenso valido. È il …](https://www.laioutr.com/it/blog/google-tag-manager-consent-vg-hannover-ruling-2026)
[Agenzia composable commerce 2026: tre offerte invece di una
Nel 2026 un'agenzia di composable commerce non vince con un unico pacchetto standard. Vince con …](https://www.laioutr.com/it/blog/composable-commerce-agency-three-offer-models-2026)
[Algolia nel frontend composable: indici, eventi, integrazione
Un'integrazione di Algolia in un frontend composable si compone di tre livelli che conviene pian…](https://www.laioutr.com/it/blog/algolia-indexing-events-composable-frontend-2026)
[Campagne di sconto online: pagine promo per il Black Friday
Una campagna di sconto in un negozio online funziona quando obiettivo, meccanica di sconto e pagina …](https://www.laioutr.com/it/blog/discount-campaigns-online-store-black-friday-sale-pages)
[iPhone Duo and Ecommerce: What Merchants Need to Know Now
iPhone Duo goes on sale on October 23, 2026. Online stores don't need a dedicated app or a custo…](https://www.laioutr.com/it/blog/iphone-duo-ecommerce-foldable-storefront)
[Dati prodotto strutturati: dove si vedono davvero nello storefront
Dati prodotto strutturati significa che ogni informazione sul prodotto vive in un attributo tipizzat…](https://www.laioutr.com/it/blog/structured-product-data-pim-frontend-2026)
[44% decide con trial o PoC: il PoC dello storefront per la DACH
Nella regione DACH le decisioni sul software si prendono sempre più spesso sul campo: nello studio &…](https://www.laioutr.com/it/blog/storefront-proof-of-concept-dach-buyers-2026)
[Confronto FMP: come scegliere la Frontend Management Platform giusta
Scegliere una Frontend Management Platform (FMP) non significa confrontare liste di funzionalità, ma…](https://www.laioutr.com/it/blog/frontend-management-platform-comparison-how-to-choose-2026)
[DAM, PIM e CMS convergono: cosa significa per il tuo frontend
I fornitori di DAM, PIM e CMS stanno entrando l'uno nel territorio dell'altro, e sempre più …](https://www.laioutr.com/it/blog/dam-pim-cms-convergence-content-hub-storefront-2026)
[Contentful Live Preview: cosa deve garantire il tuo frontend
Con Contentful Live Preview i redattori vedono una bozza accanto all'editor della entry e seguon…](https://www.laioutr.com/it/blog/contentful-live-preview-frontend-perspective-2026)
[Content governance su larga scala: contenuti prodotto e brand asset
Content governance su larga scala significa definire una volta sola ruoli, approvazioni, regole di b…](https://www.laioutr.com/it/blog/content-governance-product-content-brand-assets-frontend-2026)
[](https://www.laioutr.com/it/apps/shopify)
Laioutr
[Shopify](https://www.laioutr.com/it/apps/shopify)
Shopify è una piattaforma di commerce per vendere online e nei negozi fisici.
[](https://www.laioutr.com/it/apps/shopware)
Laioutr
[Shopware](https://www.laioutr.com/it/apps/shopware)
Shopware è una piattaforma e-commerce europea e flessibile per cataloghi prodotto e commerce omnicanale.
[](https://www.laioutr.com/it/apps/adobe-commerce)
Laioutr
[Adobe Commerce](https://www.laioutr.com/it/apps/adobe-commerce)
Adobe Commerce è una piattaforma di enterprise commerce per scenari B2C e B2B complessi e globali.
Planned
[](https://www.laioutr.com/it/apps/b2b-sellers)
Laioutr
[B2Bsellers](https://www.laioutr.com/it/apps/b2b-sellers)
Suite B2B per Shopware che trasforma lo shop online in una piattaforma professionale di commerce B2B.
Planned
[](https://www.laioutr.com/it/apps/commerce-layer)
Laioutr
[Commerce Layer](https://www.laioutr.com/it/apps/commerce-layer)
Commerce Layer è una piattaforma di headless commerce per rendere disponibili online inventari e cataloghi.
[](https://www.laioutr.com/it/apps/commercetools)
Laioutr
[Commercetools](https://www.laioutr.com/it/apps/commercetools)
Commercetools è una piattaforma e-commerce headless basata su SaaS e utilizzata in tutto il mondo.
[](https://www.laioutr.com/it/apps/emporix)
Laioutr
[Emporix](https://www.laioutr.com/it/apps/emporix)
Emporix è una piattaforma di commerce composable e API-first per scenari B2B e B2C scalabili.
Planned
[](https://www.laioutr.com/it/apps/hcl-software)
Laioutr
[HCL Software](https://www.laioutr.com/it/apps/hcl-software)
Suite enterprise per commerce ed esperienze digitali, altamente configurabile.
Planned
[](https://www.laioutr.com/it/apps/intershop)
Laioutr
[Intershop](https://www.laioutr.com/it/apps/intershop)
Piattaforma di enterprise commerce per modelli di business B2B e B2C complessi.
Planned
[](https://www.laioutr.com/it/apps/magento-2)
Laioutr
[Magento 2](https://www.laioutr.com/it/apps/magento-2)
Piattaforma di commerce estendibile e molto diffusa per scenari B2C e B2B.
[](https://www.laioutr.com/it/apps/oxid-eshop)
Laioutr
[OXID eShop](https://www.laioutr.com/it/apps/oxid-eshop)
OXID eShop è una piattaforma di commerce estendibile per requisiti B2B e B2C complessi.
Planned
[](https://www.laioutr.com/it/apps/patchworks)
Laioutr
[Patchworks](https://www.laioutr.com/it/apps/patchworks)
Patchworks è un iPaaS low-code che collega e-commerce, ERP, WMS, 3PL e marketplace.
Planned
[](https://www.laioutr.com/it/apps/PrestaShop)
Laioutr
[Prestashop](https://www.laioutr.com/it/apps/PrestaShop)
Piattaforma di commerce open source per merchant piccoli e medi in Europa e oltre.
Planned
[](https://www.laioutr.com/it/apps/saleor)
Laioutr
[Saleor](https://www.laioutr.com/it/apps/saleor)
Piattaforma di commerce open source e API-first basata su GraphQL per storefront personalizzati.
Planned
[](https://www.laioutr.com/it/apps/salesforce-commerce-cloud)
Laioutr
[Salesforce Commerce Cloud](https://www.laioutr.com/it/apps/salesforce-commerce-cloud)
Salesforce Commerce Cloud è una piattaforma di enterprise commerce basata su cloud per aziende di ogni dimensione.
Planned
[](https://www.laioutr.com/it/apps/sap-commerce-cloud)
Laioutr
[SAP Commerce Cloud](https://www.laioutr.com/it/apps/sap-commerce-cloud)
Piattaforma di enterprise commerce per cataloghi complessi, modelli di prezzo e journey omnicanale.
Planned
[](https://www.laioutr.com/it/apps/scayle)
Laioutr
[Scayle](https://www.laioutr.com/it/apps/scayle)
SCAYLE è un commerce engine con cui brand e retailer fanno scalare il proprio business.
Planned
[](https://www.laioutr.com/it/apps/spryker)
Laioutr
[Spryker](https://www.laioutr.com/it/apps/spryker)
Piattaforma di commerce composable per modelli di business B2B e B2C esigenti.
[](https://www.laioutr.com/it/apps/sylius)
Laioutr
[Sylius](https://www.laioutr.com/it/apps/sylius)
Sylius è un framework e-commerce developer-friendly per esperienze di shopping B2C e B2B.
Planned
[](https://www.laioutr.com/it/apps/vendure)
Laioutr
[Vendure](https://www.laioutr.com/it/apps/vendure)
Vendure è una piattaforma di headless commerce per aziende con requisiti complessi.
Coming Soon
[](https://www.laioutr.com/it/apps/vtex)
Laioutr
[VTEX](https://www.laioutr.com/it/apps/vtex)
Piattaforma di commerce cloud-native e composable per B2B e B2C su larga scala.
Planned
[](https://www.laioutr.com/it/apps/websale)
Laioutr
[Websale](https://www.laioutr.com/it/apps/websale)
Backend di commerce stabile e adatto all'enterprise per ambienti retail complessi.
Colloquio strategico
## Pronti a trasformare il vostro frontend in un livello di controllo?
Mostrateci il vostro stack, la vostra roadmap, il vostro scenario di replatforming: vi mostriamo come si integra Laioutr, quanto costa e quanto velocemente andrete live.
*"Dopo 30 minuti abbiamo capito che Laioutr rende fattibile il nostro replatforming." - Daniel B., CEO,* [*hygibox.de*](https://hygibox.de)
[Prenota una demo](https://www.laioutr.com/it/contact)
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@type": "Organization",
"@id": "https://www.laioutr.com/#identity",
"name": "Laioutr",
"legalName": "Laioutr GmbH",
"url": "https://www.laioutr.com/",
"logo": {
"@type": "ImageObject",
"url": "https://www.laioutr.com/laioutr-logo.png",
"width": 400,
"height": 400
},
"email": "info@laioutr.com",
"telephone": "+49 30 75435715",
"address": {
"@type": "PostalAddress",
"streetAddress": "Münchweilersteig 5",
"postalCode": "12559",
"addressLocality": "Berlin",
"addressCountry": "DE"
},
"vatID": "DE450905846",
"sameAs": [
"https://www.linkedin.com/company/laioutr",
"https://www.youtube.com/@Laioutr",
"https://x.com/laioutr"
]
},
{
"@type": "WebSite",
"@id": "https://www.laioutr.com/it/#website",
"url": "https://www.laioutr.com/it/",
"name": "Laioutr",
"inLanguage": "it",
"publisher": {
"@id": "https://www.laioutr.com/#identity"
}
},
{
"@type": "BlogPosting",
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#article",
"headline": "API REST e GraphQL di Commerce Layer + Laioutr: come si collega il frontend",
"image": [
"https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmq66tixvg4fu07mkrb9uoojb"
],
"datePublished": "2026-08-23T02:17:04.914673+00:00",
"dateModified": "2026-08-23T02:17:04.644663+00:00",
"inLanguage": "it",
"articleSection": "Insights",
"keywords": "Headless Commerce, Frontend Management, Frontend Engineering, Composable, Commerce Layer",
"author": {
"@type": "Person",
"name": "Marcel Thiesies",
"jobTitle": "Co-founder e CEO, Laioutr",
"image": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmj01b962364n07lb0iguvts5"
},
"publisher": {
"@id": "https://www.laioutr.com/#identity"
},
"mainEntityOfPage": {
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#webpage"
},
"isPartOf": {
"@id": "https://www.laioutr.com/it/#website"
}
},
{
"@type": "WebPage",
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#webpage",
"url": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection",
"name": "API REST e GraphQL di Commerce Layer + Laioutr: come si collega il frontend",
"inLanguage": "it",
"isPartOf": {
"@id": "https://www.laioutr.com/it/#website"
},
"breadcrumb": {
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#breadcrumb"
},
"primaryImageOfPage": {
"@type": "ImageObject",
"url": "https://eu-west-2.graphassets.com/cmii2mlqi0dux06l5543v7nkc/cmq66tixvg4fu07mkrb9uoojb"
},
"datePublished": "2026-08-23T02:17:04.914673+00:00",
"dateModified": "2026-08-23T02:17:04.644663+00:00",
"mainEntity": {
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#article"
}
},
{
"@type": "BreadcrumbList",
"@id": "https://www.laioutr.com/it/blog/commerce-layer-api-laioutr-frontend-connection#breadcrumb",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "Laioutr",
"item": "https://www.laioutr.com/it/"
},
{
"@type": "ListItem",
"position": 2,
"name": "Insights",
"item": "https://www.laioutr.com/it/blogs/insights"
},
{
"@type": "ListItem",
"position": 3,
"name": "API REST e GraphQL di Commerce Layer + Laioutr: come si collega il frontend"
}
]
}
]
}
```