Risorsa · technical paper
OLObuild Technical Paper
12 pagine A4 per dev e tech lead
Documento tecnico dedicato a chi vuole capire l'architettura sotto il cofano prima di adottare OLObuild su un progetto serio. Vue 3 + Pinia + Vite, REST API, sistema tile, hook per estensioni custom.
OLObuild
Technical Paper
Architettura · API · Estensibilità
Preview stilizzata · PDF in finalizzazione
L'indice tecnico
I 7 capitoli del paper
- 1. Architettura del builder — Vue 3 (Composition API) + Pinia + Vite 5, drag & drop con
@atlaskit/pragmatic-drag-and-drop, inline editor Tiptap. Diagramma componenti. - 2. Sistema tile — pattern 2-file (PHP class + JSON config), auto-discovery via
import.meta.glob. Come aggiungere un tile in 50 righe. - 3. REST API — namespace
olo/v1, capability matrix, esempicurlper ogni endpoint principale (templates CRUD, render, revisions). - 4. Database schema —
wp_olo_templates+wp_olo_revisions, scelte di design, vantaggi vs postmeta abuse. - 5. Frontend renderer — server-side rendering PHP, CSS generation dinamica, performance hint, lazy-load tile, cache strategy.
- 6. Cross-modulo — come OLObooking, OLOcalendar, OLOtour si appoggiano sui tile OLObuild via hook
olo_register_external_tiles. - 7. Estendere OLObuild — aggiungere tile custom, hook disponibili, filter, REST extension, esempi di codice integrato.
Code samples inclusi
Snippet pronti
- 📦 Boilerplate tile custom — 2 file pronti, copy-paste, sostituisci il nome.
- 🔌 REST API client JS — wrapper per fetch templates / save revisions con error handling.
- 🪝 Filter Olobuild — i 12 filter più usati con esempi di override.
- 🐛 Debug helpers — query log, profiler tile render, performance overlay.
Lead capture · dev
Ricevi il Technical Paper al rilascio
In finalizzazione · revisione tecnica in corso. Lascia la tua email e te lo mandiamo appena pronto. Niente newsletter di mezzo, solo il PDF.