Matthias Andrasch's Blog

Web Development, Green Web & Climate Justice 💻 🌳

Hi, dies ist mein persönlicher Blog für Notizen.
Mein Klima-Blog 👉 workwhileclimate.at

SvelteKit und NodeJS Server Side Rendering (SSR)

Auf dev.to habe ich in der Vergangenheit einige Infos zu NodeJS Server Side Rendering mit SvelteKit verbloggt:

Aktuell teste ich gerade SvelteKit (mit adapter-node) auf dem Mittwald SpaceServer, ein Bericht folgt.

Server Side Rendering mit NodeJS funktioniert wie bei PHP – ein Teil des Inhalts wird direkt vom Server ausgeliefert und ist somit sehr einfach für Suchmaschinen (ohne aktiviertes JavaScript-Crawling) einlesbar. Auch können bspw. API-Abrufe geheim gehalten werden sowie auf Datenbanken zugegriffen werden in den Server-Funktionen (bspw. in den +server.js-Dateien). Beide Bereiche (geheime Server-Funktionen) sowie clientseitige JavaScript-Abrufe können in einem einzigen Projekt gemeinsam verwaltet werden.

Der größte Vorteil: Die Webseite muss nicht zwangsläufig wie eine Single-Page-Applikation (SPA) erstmal mit vielen sich drehenden Lade-Anzeigen starten und Inhalte clientseitig nachladen, sondern es wird direkt Inhalt ausgeliefert.

Im Gegensatz zu PHP-Hosting ist NodeJS SSR Hosting allerdings im europäischen Raum noch nicht so weit verbreitet und teils etwas teurer. Doch dies könnte sich in den nächsten Jahren ändern.

Mehr zu SvelteKit:

SvelteKit ist ein Open Source Meta-Framework für Webseiten und Web-Apps, welches auf der UI-Sprache Svelte aufbaut.

Domenik Reitzner hielt einen Einführungsvortrag zu SvelteKit auf dem Svelte Meetup:

YouTube

Mit dem Laden des Videos akzeptieren Sie die Datenschutzerklärung von YouTube.
Mehr erfahren

Video laden

PGlmcmFtZSB0aXRsZT0iRG9tZW5payBSZWl0em5lciAtIFRoZSBlYXN5IHdheSwgYW4gaW50cm9kdWN0aW9uIHRvIFN2ZWx0ZWtpdCIgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyODEiIHNyYz0iaHR0cHM6Ly93d3cueW91dHViZS1ub2Nvb2tpZS5jb20vZW1iZWQvdC1MS1JyTmVkcHM/ZmVhdHVyZT1vZW1iZWQiIGZyYW1lYm9yZGVyPSIwIiBhbGxvdz0iYWNjZWxlcm9tZXRlcjsgYXV0b3BsYXk7IGNsaXBib2FyZC13cml0ZTsgZW5jcnlwdGVkLW1lZGlhOyBneXJvc2NvcGU7IHBpY3R1cmUtaW4tcGljdHVyZTsgd2ViLXNoYXJlIiByZWZlcnJlcnBvbGljeT0ic3RyaWN0LW9yaWdpbi13aGVuLWNyb3NzLW9yaWdpbiIgYWxsb3dmdWxsc2NyZWVuPjwvaWZyYW1lPg==

Weitere folgenswerte Kanäle:

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

To respond on your own website, enter the URL of your response which should contain a link to this post’s permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post’s URL again. (Find out more about Webmentions.)