BigCommerce GraphQL Storefront API + Laioutr: come si collega il frontend

Se usi BigCommerce e vuoi un frontend moderno senza costruirlo da zero, la domanda sull'integrazione è semplice: come dialoga il livello frontend con BigCommerce? Questo articolo spiega come Laioutr si collega alla GraphQL Storefront API e cosa resta dove.

Cosa offre la GraphQL Storefront API

BigCommerce punta su open SaaS, sulla GraphQL Storefront API e sul framework Next.js Catalyst come punto di partenza headless. L'API fornisce dati di prodotto e catalogo, operazioni sul carrello, account cliente e checkout. Poiché l'API è il contratto, qualsiasi frontend può consumarla, incluso Laioutr.

Laioutr è il consumatore, BigCommerce è la fonte di verità

Laioutr si collega alla GraphQL Storefront API esistente come livello configurato, non come progetto di integrazione su misura. BigCommerce resta l'unica fonte di verità: catalogo, prezzi, promozioni, magazzino e ordini rimangono 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.

Cosa significa nella pratica

• Le pagine di prodotto e di categoria vengono generate da risposte live della GraphQL Storefront API
• Le azioni di carrello e checkout passano dall'API, così la logica degli ordini resta in BigCommerce
• Gli account cliente e lo storico ordini arrivano dall'API
• Le specificità B2C e B2B vengono servite tramite l'API e visualizzate nei componenti Laioutr

Un livello configurato, non uno sviluppo da zero

Un frontend su misura deve gestire da solo ogni caso limite dell'API. Laioutr fornisce i componenti commerce e i loro comportamenti API già pronti, quindi il passaggio di collegamento è configurazione sul tuo schema. I team di marketing compongono poi pagine e campagne senza toccare l'integrazione.

Performance e hosting

Laioutr distribuisce il frontend da una CDN europea con un obiettivo Lighthouse 100 e server-side rendering per la SEO. Il caching a livello di frontend riduce il carico sul backend BigCommerce per il traffico di catalogo ad alta intensità di lettura.

FAQ

Laioutr memorizza i nostri dati di prodotto?

No. I dati restano in BigCommerce. Laioutr li richiede al momento del rendering tramite la GraphQL Storefront API; non esiste alcun datastore duplicato.

Il backend viene toccato durante il setup?

Non serve nessuna ri-architettura del backend. Usi la GraphQL Storefront API e configuri il livello di collegamento Laioutr. Consulta la pagina pillar BigCommerce oppure parla con il nostro team.

Altro su Laioutr: Personalization.

Letture correlate: Pimcore GraphQL API (Datahub) e REST + Laioutr: come si collega il frontend e OroCommerce REST API (API-first) + Laioutr: come si collega il frontend.