Statische websites met live voorraad
Je wilt een snelle site. Je hebt ook nauwkeurige voorraadniveaus nodig. De meeste mensen kiezen voor één van beide. Ze kiezen voor snelheid of nauwkeurigheid. Dat hoeft niet.
Statische sites zijn snel. Maar de data veroudert tussen de builds door. Client-side fetching is nauwkeurig. Maar het voegt spinners toe. Spinners verpesten de gebruikerservaring.
Gebruik twee lagen van waarheid.
Laag één bedient externe systemen.
- Gebruik build-time data voor Google en Meta.
- Dit voorkomt advertenties voor uitverkochte artikelen.
- Een sync-script houdt deze data up-to-date.
Laag twee bedient je bezoekers.
- Render het winkeloverzicht als statische HTML.
- Ga ervan uit dat artikelen beschikbaar zijn.
- Gebruik een klein script om de UI aan te passen nadat de pagina is geladen.
- Dit verwijdert de koopknop voor uitverkochte artikelen.
Deze aanpak elimineert laadstatussen. De pagina voelt direct aan. Als je API faalt, werkt de site nog steeds. Gebruikers kunnen browsen en artikelen aan de winkelwagen toevoegen. Als een artikel is uitverkocht, weigert de winkelwagen het verzoek.
Een foutmelding in de winkelwagen is beter dan een leeg scherm.
Gebruik dit voor webshops met weinig verkeer. Het werkt goed voor kunst of nicheproducten. Gebruik dit niet voor flash sales. Veel verkeer vereist striktere controles.