diff --git a/README.md b/README.md index 77348c5..b9dd29c 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,36 @@ # wmbasic-svelte-starter -Starter Kit für SPAs mit Svelte und WMBasic-Backend ink. SSR \ No newline at end of file +Starter Kit für SPAs(s) `;)` mit Svelte und WMBasic-Backend ink. 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 WMBasic-API SSR-Hook (server side renering) 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 + +```sh +yarn install +``` + +### Entwickeln + +```sh +yarn dev +``` + +### Bauen + +```sh +# moderne Browser +yarn build + +# alte Browser (IE11) +yarn build:legacy + +# serverseitiges Rendering +yarn build:server +``` diff --git a/api/config.yml b/api/config.yml index 71c41fe..b679030 100644 --- a/api/config.yml +++ b/api/config.yml @@ -9,6 +9,4 @@ meta: collections: - !include collections/content.yml - !include collections/contact_form.yml - - !include collections/cache.yml - - !include collections/webhook.yml - !include collections/ssr.yml diff --git a/src/components/App.svelte b/src/components/App.svelte index e3f7284..466c7e3 100644 --- a/src/components/App.svelte +++ b/src/components/App.svelte @@ -13,6 +13,7 @@