tibi-svelte-starter/README.md

37 lines
941 B
Markdown
Raw Normal View History

2021-03-22 13:24:57 +01:00
# wmbasic-svelte-starter
2021-03-30 17:45:09 +02:00
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
```