sssx

SSSX

Fast Svelte Static Site X – 수백만 페이지 웹사이트의 SEO에 초점을 맞춘 SSG/SSR

이 프레임워크는 수백만 페이지를 빠르게 생성하고 배포 비용을 줄이는 동시에 훌륭한 개발 경험을 제공하도록 구축되었습니다.

npm install -g sssx

이름

정의	약어
Svelte 정적 사이트 생성기	SSSG
Svelte 서버 측 렌더링	SSSR
=	SSSX

데모

유튜브 데모

개요

왜 또 SSG인가?

이 프로젝트는 정적 사이트 생성을 주요 사용 사례로 삼고 SEO 최적화를 첫 번째 목표로 삼아 수백만 페이지로 구성된 사이트를 관리해야 할 필요성에서 만들어졌습니다.

철학

이 프레임워크는 현재 프레임워크에 부족한 몇 가지 사항을 해결하기 위해 만들어졌습니다.

1. SEO 우선
2. 링크와 URL이 먼저
3. 수백만 페이지의 웹사이트를 위해 설계되었습니다.

특징

• ? 최고 수준의 Deno 지원
• ? 증분 업데이트 sssx build <url> .
• 빠르다! 각 페이지를 작성하는 데 소요되는 시간은 1000ms 이하입니다.
• ? 각 페이지는 자체 SPA입니다. 완전 자율적입니다.
• ? Svelte 구성 요소를 사용한 수분 공급.
• ? Svelte 덕분에 JavaScript 오버헤드가 작습니다.
• ? Esbuild 덕분에 ESM은 더 이상 거대한 CommonJS 번들이 아닙니다.
• ?️ 즉시 사용 가능한 SEO 기능: 메타태그, i18n, 웹 바이탈, 로봇, 사이트맵 등
• ? 어디서나 호스팅하세요. CSS와 JS 파일이 잔뜩 포함된 HTML 파일일 뿐입니다.
• ⚡️ 하나의 URL 또는 수백만 개의 URL을 생성할 수 있습니다. 매번 전체 웹사이트를 다시 구축할 필요가 없습니다.
• ? 개발 경험이 우리의 최우선 과제입니다!
• 5️⃣ Svelte 5를 지원합니다.

클러스터 모드

사용 가능한 모든 CPU 코어를 사용하기 위해 클러스터 모드에서 SSSX를 실행하려면 다음 명령을 사용하십시오.

sssx cluster

다음은 30초 이내에 1000개 이상의 URL을 생성하는 데모입니다.

선적 서류 비치

수백만 개의 정적 페이지를 렌더링할 때 매번 모든 페이지를 다시 렌더링하고 싶지는 않습니다. SSSX를 사용하면 업데이트해야 할 페이지와 시기를 미세 조정할 수 있습니다.

구조

이 저장소는 모노레포로 구성되어 있으며 작업 공간을 사용합니다.

패키지

• sssx 메인 패키지
• example SSSX로 구축된 웹사이트 프로젝트 예시

시작하기

예제 프로젝트를 실행하려면 다음을 사용하십시오.

 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 Eugene Hauptmann

MIT