From b8810b8bcb4e7ebf841b3a2ef55eb202ac082603 Mon Sep 17 00:00:00 2001
From: Sebastian Frank <sebastian@webmakers.de>
Date: Tue, 30 Mar 2021 17:45:09 +0200
Subject: [PATCH] readme

---
 README.md                 | 35 ++++++++++++++++++++++++++++++++++-
 api/config.yml            |  2 --
 src/components/App.svelte |  1 +
 src/css/main.less         |  0
 4 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 src/css/main.less

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 @@
 </div>
 
 <style lang="less">
+    @import "./../css/main.less";
     h1 {
         color: red;
     }
diff --git a/src/css/main.less b/src/css/main.less
new file mode 100644
index 0000000..e69de29