apairon/my-notes-viewer
1
0
Fork 0
forked from cms/tibi-svelte-starter
Code Issues Pull Requests Projects Releases Wiki Activity
43 Commits 2 Branches 0 Tags 106 MiB
JavaScript 54.2%
TypeScript 27.1%
Svelte 8.6%
HTML 5.1%
Shell 5%
cabaaef456
Go to file
Mario Linz cabaaef456 Content Page überarbeitet. Inhalte werden nun auch erneut geholt, wenn sich die URL durch die History ändert. Aktuell statische Texte sind in localization files für en und de ausgelagert.
2022-06-02 11:04:37 +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 Content Page überarbeitet. Inhalte werden nun auch erneut geholt, wenn sich die URL durch die History ändert. Aktuell statische Texte sind in localization files für en und de ausgelagert. 2022-06-02 11:04:37 +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