Passa al contenuto principale

Gestione dei Draft

Il Draft è l'unità fondamentale di Webround Sites. Rappresenta l'ambiente di sviluppo e staging permanente in cui prende forma il tuo progetto, ben oltre le capacità di un semplice editor visuale.

Architettura e Filosofia​

A livello architetturale, un draft è un insieme di schemi JSON che descrivono ogni aspetto del sito: layout, componenti, stili e logiche. Questi dati vengono interpretati in tempo reale dal Runtime di Webround (basato su React + Vite).

Questa separazione tra configurazione e runtime definisce il posizionamento Open-Logic di Webround: il draft non è un sistema chiuso, ma un framework flessibile che può essere esteso con logica proprietaria pur mantenendo i vantaggi di una piattaforma gestita.

Caratteristiche principali​

  • Isolamento e Staging: Ogni draft è un'entità autonoma e privata. Funge da ambiente di staging sicuro dove testare configurazioni, iniezioni di codice o nuovi Hook senza impattare la versione pubblica.
  • Infrastruttura Gestita: La persistenza dei dati è affidata a uno storage distribuito crittografato. Webround gestisce l'intera pipeline di archiviazione e permessi, eliminando la necessità di configurare database o server di staging.
  • Multi-tenancy: Un singolo utente può orchestrare più draft, ognuno con il proprio ecosistema di asset media ottimizzati e configurazioni specifiche.

Il Draft come Hub di Estensibilità​

Il draft è il ponte tra il design visuale e la libertà dello sviluppo custom. Rappresenta il punto di innesto per tre direttrici di estensione:

1. Custom React Components (Front-end)​

Puoi iniettare codice React personalizzato direttamente nel draft. Attraverso il file package.json, puoi installare dipendenze npm e compilare componenti che diventano parte integrante del runtime. Grazie ai Web Components, la tua logica è isolata: gli aggiornamenti della piattaforma Webround non interferiscono mai con il tuo codice custom.

2. Integrazione Headless Commerce​

Il draft è il layer di presentazione nativo per lo Store. Sebbene lo Store sia un'entità headless indipendente, il draft è pre-configurato per interrogarne le API, gestire i carrelli e sincronizzare lo stato dello store e-commerce tramite la Webround SDK.

3. Logiche Transazionali e Middleware​

Il draft funge da centro di configurazione per i servizi critici:

  • Email Transazionali: Definizione dei flussi per registrazione, benvenuto e notifiche di sistema.
  • Edge Routing: È il punto di partenza per l'applicazione degli Hook, permettendo di eseguire logica server-side (Edge) prima che la pagina venga servita all'utente finale.

Ciclo di Vita e Deployment​

Il passaggio da progetto privato a sito pubblico segue un flusso controllato:

  1. Drafting: Fase di modifica iterativa e salvataggio nel cloud privato.
  2. Validazione: Controllo di integrità degli schemi JSON e dei componenti custom.
  3. Edge Build: Al momento della pubblicazione, il sistema genera gli asset ottimizzati e li distribuisce sulla Edge Network (CDN) di Webround.
  4. Live: Il sito diventa accessibile su un dominio personalizzato previa attivazione di una subscription valida.

Prossimi passi​

Scopri come trasformare il tuo design in un sistema di vendita avanzato: