CSS-Trickz: Ein Experiment mit Netlifys On-Demand Builders

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

WordPress-Websites haben standardmäßig eine API. Möchten Sie die neuesten Beiträge dieser Website mit nur einem bestimmten Datensatz... im JSON-Format sehen? Hier, bitte. Alex Riviere hat eine Scherz-Website erstellt, die dies nutzt.

Zuerst würde die Seite beim Laden clientseitig von dieser API abrufen. Das ist in Ordnung, aber wenn wir es für eine Sekunde ernst nehmen, ist es sehr ineffizient für Leute, die die Seite besuchen (d. h. langsamer als serverseitig gerenderter HTML), noch sehr effizient bei API-Aufrufen. Also schrieb Alex es mit einer Netlify Function neu. Die Netlify Function würde dann (in Node-in-the-Cloud) von der API abrufen und das vorgerenderte HTML bereitstellen. Das ist wahrscheinlich etwas besser, aber wie Alex sagt

Das gibt uns tatsächlich ein neues Problem, dass die Funktion jedes Mal auf meine Kosten läuft, wenn jemand die Seite aufruft.

Die kostenlose Stufe von Netlify Functions ist für großzügige 125.000 Anfragen pro Monat, was für eine kleine Website wie diese mehr als genug sein sollte, aber wie Alex sagte, möchte er „nicht Opfer von Internetpopularität werden“.

Gute Zeit, da Netlify gerade On-Demand Builders veröffentlicht hat, die das Caching von Ergebnissen wie diesem ziemlich einfach machen. Es ist wie bei der Erstellung jeder anderen Funktion, außer dass die Signatur so aussieht

const { builder } = require("@netlify/functions")

async function myfunction(event, context) {
  // logic to generate the required content
}

exports.handler = builder(myfunction);

Mir gefällt, was Andrew in unserem ShopTalk D-D-D-Discord sagte – dieses Konzept ist allgemein auf die API-Nutzung anwendbar. Kostenlose Blog-Post-Idee: Maximieren Sie Ihre API-Free-Tier mit On-Demand Builders.

Direkter Link →