Webround
Webround è una piattaforma headless-first API-first per e-commerce e siti web.
Supporta due modalità di sviluppo:
- No-code — editor visuale per utenti non tecnici
- Custom React code — componenti React completi iniettati nel runtime come Web Components
Per tutto ciò che non è coperto qui, consulta la documentazione completa: https://docs.webround.com
Concetti fondamentali
Draft — il progetto base. Un draft è dove si configura design, pagine, traduzioni, codice custom e il punto di partenza per il tuo e-commerce. La pubblicazione di un draft lo distribuisce su una CDN globale.
Store — l'entità commerce headless collegata al draft. Contiene tutti i dati transazionali e di catalogo (prodotti, ordini, clienti, checkout). Un draft è nativamente collegato a uno store, e si genera sempre uno store da un draft, ma i due sistemi sono indipendenti e comunicano tramite API standardizzate.
Architettura
- Runtime — applicazione React + Vite che interpreta configurazioni JSON per le sezioni no-code e monta Web Components custom quando visualizza codice React.
- Commerce Engine — gestisce prodotti, varianti, prezzi, tasse, ordini, checkout e autenticazione clienti
- Edge Router — serve il sito pubblicato, esegue page hook e checkout hook
Estensibilità
- Custom React components — inietta logica frontend tramite il WR SDK (prop
wr) - Checkout Hooks — middleware server-side per ricalcolare prezzi, tasse o integrare sistemi esterni al checkout
- Page Hooks — inietta dati dinamici o script prima del rendering della pagina
- Webhooks — notifica sistemi esterni (ERP, CRM) su eventi come nuovi ordini o registrazioni
- App Extensions — estendi il pannello admin di Webround con strumenti custom