2022-02-26 11:09:53 +01:00
2022-02-26 17:43:34 +01:00
2022-04-26 11:14:37 +02:00
2021-09-14 14:45:47 +02:00
2022-04-12 17:07:21 +02:00
2022-02-26 11:09:53 +01:00
2022-04-26 11:14:37 +02:00
2021-09-14 14:45:47 +02:00
2022-04-26 11:14:37 +02:00
2021-09-13 18:12:40 +02:00
2021-03-22 15:59:05 +01:00
2022-02-26 11:09:53 +01:00
2022-02-26 11:39:25 +01:00
2021-09-13 18:12:40 +02:00
2021-03-22 15:59:05 +01:00
2021-03-22 13:24:57 +01:00
2022-04-26 11:14:37 +02:00
2022-02-26 11:09:53 +01:00
2021-09-13 18:12:40 +02:00
2022-02-26 11:09:53 +01:00
2022-04-26 11:14:37 +02: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

Abhängigkeiten laden

yarn install

Entwickeln mit dev-Webserver

yarn start

oder mit abweichender API für "/api"-Proxy

API_BASE=https://login.tibicms.de/api/v1_/__NAMESPACE__ yarn start

Entwickeln mit externem Webserver (z.B. vscode live server)

yarn dev

Testen

yarn build:istanbul # instrumentiert Code für coverage-Report
yarn cy:docker:run  # oder mit Xserver und UI cy:docker:open

Bauen

# moderne Browser
yarn build

# alte Browser (IE11)
yarn build:legacy

# serverseitiges Rendering
yarn build:server
Description
Starter Kit für SPAs mit Svelte und TibiCMS inkl. SSR
Readme 286 MiB
Languages
Svelte 30.9%
JavaScript 29%
Less 19.5%
TypeScript 13.7%
HTML 2.7%
Other 4.2%