forked from cms/tibi-svelte-starter
37 lines
941 B
Markdown
37 lines
941 B
Markdown
# wmbasic-svelte-starter
|
|
|
|
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
|
|
```
|