2025-03-27 13:26:28 +00:00
2025-03-27 12:34:04 +00:00
2025-03-27 13:26:28 +00:00
2022-09-15 15:56:54 +00:00
2022-09-15 15:56:54 +00:00
2022-04-26 11:14:37 +02:00
2025-03-27 13:26:28 +00:00
2025-03-27 13:26:28 +00:00
2021-03-22 15:59:05 +01:00
2021-03-22 13:24:57 +01:00
2025-03-27 13:26:28 +00:00
2025-03-27 12:34:04 +00:00
2025-03-27 13:26:28 +00:00

tibi-starter

Starter Kit für SPAs(s) ;) mit Svelte und TibiCMS inkl. SSR

Wozu?

Via Svelte wird eine SPA (Single-Page-App) programmiert. Dazu wird der Code einmal für den Browser aufgebreitet und außerdem für den Server kompiliert und transpiliert. Der Server-Code wird in einem tibi-server SSR-Hook (server side rendering) eingebunden und generiert dort fertiges HTML anhand der aktuelle Route für SEO und optimierte Ladezeiten.

Die Navigation innerhalb der APP im Browser löst dagegen nur API-Aufrufe aus ohne jedesmal einen SSR-Prozess anzustoßen.

Um die SSR-Last so gering wie möglich zu halten, wurde ein Caching in der "ssr"-Collection der API implementiert.

Toolchain

git

nach git clone ...

git lfs install
git lfs pull

Abhängigkeiten laden

yarn install

Entwickeln auf dem Code-Server mit Docker Compose Stack

make docker-start
# oder
make docker-up
make docker-down

# "make help" zeigt alle Kommandos
UI URL
Website https://tibi-svelte-starter.code.testversion.online/
Tibi Admin https://tibi-svelte-starter-tibiadmin.code.testversion.online/
Maildev https://tibi-svelte-starter-maildev.code.testversion.online/

Bauen

# moderne Browser
yarn build

# alte Browser (IE11)
yarn build:legacy

# serverseitiges Rendering
yarn build:server

# Admin-Module
yarn build:admin
Description
Starter Kit für SPAs mit Svelte und TibiCMS inkl. SSR
Readme MIT 429 MiB
Languages
JavaScript 58.8%
TypeScript 24.8%
Makefile 7.8%
HTML 3.5%
Svelte 2.8%
Other 2.3%