Go to file

Mario Linz aaf2860714 svelte-i18n dem Projekt hinzugefügt für die Möglichkeit, statische Texte sauberer an einer zentralen Stelle zu pflegen. Über den Language-Chooser wird die aktuelle locale der Übersetzungen auch gleich mit umgeschaltet.		2022-06-01 08:02:50 +02:00
.vscode	renamed to tibi-svelte-starter	2022-02-26 11:09:53 +01:00
.yarn	svelte-i18n dem Projekt hinzugefügt für die Möglichkeit, statische Texte sauberer an einer zentralen Stelle zu pflegen. Über den Language-Chooser wird die aktuelle locale der Übersetzungen auch gleich mit umgeschaltet.	2022-06-01 08:02:50 +02:00
api	Content-Seiten und Language Chooser + Collections so überarbeitet, dass ein Umschalten zwischen Sprachen und Pages möglich ist. Collection der Seiten wurde um eine Priorität erweitert. Navigation zeigt aktives Item an. Entsprechende CSS Klassen angepasst und für neue Projekte sauberer strukturiert.	2022-05-31 15:55:35 +02:00
cypress	cypress tsconfig.json fix	2022-02-26 17:43:34 +01:00
public	Starter Projekt angefangen, etwas aufzubohren und ein paar grundlegend benötigte Collections, Teheming-Styles und Komponenten hinzugefügt. (WIP)	2022-05-24 16:44:55 +02:00
scripts	cypress and instanbul	2021-09-14 14:45:47 +02:00
src	svelte-i18n dem Projekt hinzugefügt für die Möglichkeit, statische Texte sauberer an einer zentralen Stelle zu pflegen. Über den Language-Chooser wird die aktuelle locale der Übersetzungen auch gleich mit umgeschaltet.	2022-06-01 08:02:50 +02:00
types	Content Collection um Tags ChipArray erweitert, um eine Möglichkeit zu schaffen, Stichworte zum Verknüpfen der Seiten zwischen den Sprachen zu schaffen...(WIP)	2022-05-30 16:52:12 +02:00
.drone.yml	renamed to tibi-svelte-starter	2022-02-26 11:09:53 +01:00
.gitattributes	yarn 2, package upgrade	2022-04-26 11:14:37 +02:00
.gitignore	cypress and instanbul	2021-09-14 14:45:47 +02:00
.prettierrc	Collections für neue Projekte optimiert...work in progress...	2022-03-18 21:33:01 +01:00
.yarnrc.yml	Collection general > tabs config angepasst. Referenzen werden nun über die subFields Property definiert. (mehr flexibel)	2022-05-27 23:12:27 +02:00
babel.config.cypress.json	sourcemap tests	2021-09-13 18:12:40 +02:00
babel.config.json	init	2021-03-22 15:59:05 +01:00
cypress.json	renamed to tibi-svelte-starter	2022-02-26 11:09:53 +01:00
docker-compose.cypress.yml	fixed cy:docker:	2022-02-26 11:39:25 +01:00
esbuild.config.cypress.js	sourcemap tests	2021-09-13 18:12:40 +02:00
esbuild.config.js	Erste kleine Anpassungen am Tibi-Svelte-Starter um später mehr Zeit in neuen Projekten zu sparen. Hier werden noch weitere Anpassungen folgen, die grundlegend in den meisten Projekten benötigt werden.	2022-03-17 11:12:06 +01:00
esbuild.config.legacy.js	init	2021-03-22 15:59:05 +01:00
esbuild.config.server.js	yarn 2, package upgrade	2022-04-26 11:14:37 +02:00
LICENSE	Initial commit	2021-03-22 13:24:57 +01:00
package.json	svelte-i18n dem Projekt hinzugefügt für die Möglichkeit, statische Texte sauberer an einer zentralen Stelle zu pflegen. Über den Language-Chooser wird die aktuelle locale der Übersetzungen auch gleich mit umgeschaltet.	2022-06-01 08:02:50 +02:00
README.md	renamed to tibi-svelte-starter	2022-02-26 11:09:53 +01:00
svelte.config.js	sourcemap tests	2021-09-13 18:12:40 +02:00
tsconfig.json	renamed to tibi-svelte-starter	2022-02-26 11:09:53 +01:00
yarn.lock	svelte-i18n dem Projekt hinzugefügt für die Möglichkeit, statische Texte sauberer an einer zentralen Stelle zu pflegen. Über den Language-Chooser wird die aktuelle locale der Übersetzungen auch gleich mit umgeschaltet.	2022-06-01 08:02:50 +02:00

README.md

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