Go to file

Sebastian Frank 95c2950193 sourcemap tests		2021-09-13 18:12:40 +02:00
.vscode	sourcemap tests	2021-09-13 18:12:40 +02:00
api	sourcemap tests	2021-09-13 18:12:40 +02:00
public	sourcemap tests	2021-09-13 18:12:40 +02:00
scripts	sourcemap tests	2021-09-13 18:12:40 +02:00
src	sourcemap tests	2021-09-13 18:12:40 +02:00
types	init	2021-03-22 15:59:05 +01:00
.drone.yml	init	2021-03-22 15:59:05 +01:00
.gitignore	init	2021-03-22 15:59:05 +01:00
.prettierrc	sourcemap tests	2021-09-13 18:12:40 +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
esbuild-svelte.plugin.js	sourcemap tests	2021-09-13 18:12:40 +02:00
esbuild.config.cypress.js	sourcemap tests	2021-09-13 18:12:40 +02:00
esbuild.config.js	sourcemap tests	2021-09-13 18:12:40 +02:00
esbuild.config.legacy.js	init	2021-03-22 15:59:05 +01:00
esbuild.config.server.js	init	2021-03-22 15:59:05 +01:00
LICENSE	Initial commit	2021-03-22 13:24:57 +01:00
package.json	sourcemap tests	2021-09-13 18:12:40 +02:00
README.md	readme	2021-03-30 17:45:09 +02:00
svelte.config.js	sourcemap tests	2021-09-13 18:12:40 +02:00
tsconfig.json	using wmbasic-api-types	2021-08-16 11:07:11 +02:00
yarn.lock	sourcemap tests	2021-09-13 18:12:40 +02:00

README.md

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

yarn install

Entwickeln

yarn dev

Bauen

# moderne Browser
yarn build

# alte Browser (IE11)
yarn build:legacy

# serverseitiges Rendering
yarn build:server