sssx

SSSX

Fast Svelte Static Site X – SSG/SSR konzentriert sich auf SEO für Websites mit mehreren Millionen Seiten

Dieses Framework wurde entwickelt, um eine schnelle Generierung von Millionen von Seiten zu ermöglichen, die Bereitstellungskosten zu senken und gleichzeitig ein hervorragendes Entwicklungserlebnis zu bieten.

npm install -g sssx

Name

Definition	Abkürzung
Svelte Static Site Generator	SSSG
Schlankes serverseitiges Rendering	SSSR
=	SSSX

Demo

YouTube-Demo

Überblick

Warum noch eine SSG?

Dieses Projekt entstand aus der Notwendigkeit heraus, Websites mit Millionen von Seiten zu verwalten, wobei die statische Website-Generierung ein primärer Anwendungsfall und die SEO-Optimierung das erste Ziel war.

Philosophie

Dieses Framework wurde erstellt, um mehrere Dinge zu beheben, die in aktuellen Frameworks fehlen:

1. SEO zuerst
2. Links und URLs zuerst
3. Entwickelt für Websites mit Millionen von Seiten

Merkmale

• ? Erstklassiger Deno-Support
• ? Inkrementelle Aktualisierungen sssx build <url> .
• Es ist schnell! 1000 ms oder weniger für die Erstellung jeder Seite aufgewendet.
• ? Jede Seite ist ihr eigenes SPA. Völlig autonom.
• ? Hydratation mit Svelte-Komponenten.
• ? Dank Svelte ist der JavaScript-Overhead gering.
• ? Zuerst ESM, keine riesigen CommonJS-Bundles mehr, dank Esbuild.
• ?️ Out-of-box SEO-Funktionen: Metatags, i18n, Web Vitals, Robots, Sitemap usw.
• ? Hosten Sie überall. Es sind nur HTML-Dateien mit einer Reihe von CSS- und JS-Dateien.
• ⚡️ Sie können eine URL oder Millionen generieren. Sie müssen nicht jedes Mal die gesamte Website neu erstellen.
• ? Entwicklungserfahrung ist unsere Priorität!
• 5️⃣ Unterstützt Svelte 5.

Cluster-Modus

Um SSSX im Cluster-Modus auszuführen und alle verfügbaren CPU-Kerne zu nutzen, verwenden Sie den folgenden Befehl:

sssx cluster

Hier ist eine Demonstration der Generierung von über 1.000 URLs in weniger als 30 Sekunden:

Dokumentation

Wenn Sie Millionen statischer Seiten rendern, möchten Sie nicht jedes Mal alle Seiten neu rendern. Mit SSSX können Sie genau festlegen, welche Seiten wann aktualisiert werden müssen.

Struktur

Dieses Repository ist als Monorepo strukturiert und verwendet Arbeitsbereiche.

Pakete

• sssx-Hauptpaket
• Beispiel Beispiel-Website-Projekt erstellt mit SSSX

Erste Schritte

Um ein Beispielprojekt auszuführen, verwenden Sie Folgendes:

 cd apps/example-blog
npm install
npx sssx dev open

Führen Sie den Build-Cluster mit deno aus:

deno 
    --allow-read 
    --allow-env 
    --allow-sys 
    --allow-write 
    --allow-run 
    ../../node_modules/.bin/sssx cluster

Entwicklung

 cd packages/example
../sssx/src/cli.ts dev open

Hilfs-URL

/__debug können Sie auf die Seite __debug zugreifen, um alle vorhandenen Routen anzuzeigen. Es funktioniert nur im dev Modus.

Mitwirken

PRs sind willkommen!

Lizenz

Copyright © 2022-2024 Eugene Hauptmann

MIT