Passa al contenuto principale

Panoramica Concettuale

In questa sezione esploreremo l'architettura di Webround e come i diversi moduli interagiscono tra loro per trasformare una configurazione astratta in un sito o un e-commerce performante.

Architettura a tre livelli​

Webround è un sistema disaccoppiato basato su tre pilastri:

  1. Configuration Layer (Editor): Dove avviene la definizione visiva e strutturale. Il risultato di questo livello è puramente descrittivo (JSON).
  2. Execution Layer (Runtime): L'applicazione React che "instanzia" la configurazione. Non contiene dati propri, ma sa come renderizzare quelli che riceve.
  3. Data Layer (Commerce & API): La sorgente della verità per i dati dinamici (prezzi, scorte, ordini, filtri).

Ciclo di vita di un progetto​

Capire come un sito passa dall'idea alla pubblicazione è essenziale per sfruttare la piattaforma:

0. Scelta del template​

Non puoi creare un sito dal nulla: hai bisogno di un template. Apri la sezione templates di Webround e scegli un template pronto all'uso. Potrai modificare ogni singolo elemento in seguito.

1. Progettazione (Drafting)​

Ogni nuovo sito nasce come Draft. In questa fase, la configurazione è privata e può essere modificata iterativamente. Il Draft è il tuo ambiente di staging permanente.

Le modifiche al tuo draft devono sempre essere salvate prima di renderle persistenti, altrimenti risiedono solo nel tuo client web (il tuo browser). Al salvataggio, le modifiche vengono comunicate ai nostri sistemi, che sfruttano lo storage distribuito di Google Cloud per conservare i tuoi dati in forma privata.

Anche quando salvi un draft, le modifiche restano solo nella tua area privata, gestita interamente da Webround, senza che tu debba preoccuparti di permessi, architettura o spazio di archiviazione.

2. Configurazione Store​

Se il sito necessita di funzionalità e-commerce, puoi creare uno Store. Lo Store è un contenitore di prodotti e si può collegare a Stripe. Nota: uno store è totalmente disaccoppiato da un draft a livello architetturale e infrastrutturale. Un draft collegato a uno store è solo un esempio di integrazione possibile che Webround gestisce nativamente.

3. Deployment (Pubblicazione del sito)​

Al momento della pubblicazione, il sistema esegue una build:

  • Convalida i JSON.
  • Genera gli asset statici.
  • Distribuisce il sito sulla Edge Network (CDN) di Webround per garantire tempi di caricamento minimi ovunque.

Integrazione Headless​

Webround abbraccia la filosofia Headless. Questo significa che lo Store Webround Commerce non è obbligato a vivere dentro un sito Webround.

Non solo puoi integrare codice React personalizzato dentro il tuo draft (e sito) Webround, ma puoi, attraverso le API:

  • Usare Webround Commerce come backend per un'app mobile.
  • Integrare il carrello Webround in un sito già esistente.
  • Sincronizzare il magazzino con gestionali esterni tramite Webhook.
  • Abilitare solo determinate funzioni come l'autenticazione Webround.
  • Creare un gestionale custom con prodotti, filtri e categorie.
  • Implementare servizi ready-to-use per il collegamento ad altri SaaS o servizi esterni

Prossimi passi​

Per approfondire i singoli componenti, consulta le guide specifiche: