𝗦𝗶𝘁𝗶 𝘀𝘁𝗮𝘁𝗶𝗰𝗶 𝗰𝗼𝗻 𝗶𝗻𝘃𝗲𝗻𝘁𝗮𝗿𝗶𝗼 𝗶𝗻 𝘁𝗲𝗺𝗽𝗼 𝗿𝗲𝗮𝗹𝗲

Vuoi un sito veloce. Hai anche bisogno di livelli di stock accurati. La maggior parte delle persone ne sceglie uno. Scelgono tra velocità o accuratezza. Non è necessario farlo.

I siti statici sono veloci. Ma i dati diventano obsoleti tra una build e l'altra. Il fetching lato client è accurato. Ma aggiunge spinner di caricamento. Gli spinner rovinano l'esperienza utente.

Usa due livelli di verità.

Il primo livello serve i sistemi esterni.

  • Usa i dati al momento della build per Google e Meta.
  • Questo interrompe le inserzioni per gli articoli esauriti.
  • Uno script di sincronizzazione mantiene questi dati aggiornati.

Il secondo livello serve i tuoi visitatori.

  • Renderizza la griglia dello shop come HTML statico.
  • Presumi che gli articoli siano disponibili.
  • Usa un piccolo script per aggiornare l'interfaccia utente dopo il caricamento della pagina.
  • Questo rimuove il pulsante di acquisto per gli articoli esauriti.

Questo approccio elimina gli stati di caricamento. La pagina risulta istantanea. Se la tua API fallisce, il sito continua a funzionare. Gli utenti navigano e aggiungono al carrello. Se un articolo è esaurito, il carrello rifiuta la richiesta.

Un errore nel carrello è meglio di una schermata vuota.

Usa questo metodo per shop a basso traffico. Funziona per l'arte o prodotti di nicchia. Non usarlo per le vendite lampo. L'alto traffico richiede controlli rigorosi.

Fonte: https://dev.to/dbartalos/static-site-live-inventory-two-sources-of-truth-that-dont-fight-each-other-5c0a