sssx

SSSX

高速 Svelte 静的サイト X – 数百万ページの Web サイトの SEO に重点を置いた SSG/SSR

このフレームワークは、優れた開発エクスペリエンスを提供しながら、数百万ページの高速生成を実現し、導入コストを削減するように構築されています。

npm install -g sssx

名前

意味	略語
Svelte 静的サイト ジェネレーター	SSSG
Svelte サーバーサイド レンダリング	SSSR
=	SSSX

デモ

YouTube デモ

概要

なぜ別の SSG なのでしょうか?

このプロジェクトは、静的サイトの生成を主な使用例とし、SEO の最適化を最初の目標として、数百万ページのサイトを管理する必要性から作成されました。

哲学

このフレームワークは、現在のフレームワークに欠けているいくつかの点に対処するために作成されました。

1. まずはSEO
2. 最初にリンクと URL
3. 数百万ページある Web サイト向けに設計

特徴

• ?一流のDenoサポート
• ?増分更新sssx build <url> 。
• 速いですね！各ページの構築にかかる時間は 1000 ミリ秒以下です。
• ?各ページは独自の SPA です。完全自律型。
• ? Svelte コンポーネントを使用した水分補給。
• ? Svelte のおかげで、JavaScript のオーバーヘッドが小さくなります。
• ?まず ESM ですが、Esbuild のおかげで巨大な CommonJS バンドルは不要になりました。
• ?️ すぐに使える SEO 機能: メタタグ、i18n、Web Vitals、ロボット、サイトマップなど。
• ?どこでもホストします。これは、多数の CSS ファイルと JS ファイルを含む単なる HTML ファイルです。
• ⚡️ 1 つの URL を生成することも、数百万の URL を生成することもできます。毎回ウェブサイト全体を再構築する必要はありません。
• ?開発経験が私たちの最優先事項です。
• 5️⃣ Svelte 5 をサポートします。

クラスターモード

SSSX をクラスター モードで実行して、利用可能なすべての CPU コアを使用するには、次のコマンドを使用します。

sssx cluster

以下は、30 秒以内に 1000 以上の URL を生成するデモです。

ドキュメント

何百万もの静的ページをレンダリングする場合、毎回すべてのページを再レンダリングする必要はありません。 SSSX を使用すると、どのページをいつ更新する必要があるかを微調整できます。

構造

このリポジトリはモノリポジトリとして構造化されており、ワークスペースを使用します。

パッケージ

• sssxメインパッケージ
• example SSSX で構築された Web サイトプロジェクトの例

はじめる

サンプル プロジェクトを実行するには、次を使用します。

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

deno を使用してクラスターのビルドを実行します。

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

発達

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

ヘルパー URL

/__debug __debugページにアクセスして、既存のルートをすべて表示できます。 devモードでのみ動作します。

貢献する

PRの方も大歓迎です！

ライセンス

著作権 © 2022-2024 ユージン・ハウプトマン

マサチューセッツ工科大学