web app deployment

packages/slides/slides.md

@@ -1110,6 +1110,10 @@ src: ./slides/04000-misc.md
 src: ./slides/04002-misc-intro.md
 ---
 
+---
+src: ./slides/04004-misc-web-app-deployment.md
+---
+
 ---
 src: ./slides/04008-misc-firebase.md
 ---

packages/slides/slides/04004-misc-web-app-deployment.md

@@ -0,0 +1,39 @@
+---
+layout: default
+---
+
+# Diverses <SubHeading text="Web App Deployment"/>
+
+<div class="grid grid-cols-12 gap-6">
+<div class="col-span-12">
+
+- Wie bekomme ich eine Web-App (Frontend und/oder Server) von meinem lokalen Entwicklungs-Rechner ins Internet/in die Cloud?
+
+```mermaid
+flowchart LR
+
+    local(Lokale Entwicklung)
+
+    fe-build(Frontend-App-Build)
+    webserver(Webserver/FTP)
+
+    server-build(Server-App-Build/Bundle)
+    appserver(Anwendungsserver)
+
+    local --> fe-build
+    fe-build --> webserver
+    local --> server-build
+    server-build --> appserver
+```
+
+<div class="mb-4"></div>
+
+- **Lokale Entwicklung:** z.B. Vite, Angular CLI (ng serve), ...
+- **Webserver/FTP:** z.B. Webhosting-Anbieter (IONOS, Strato, ...), XAMPP auf lokaler Infrastruktur, Docker
+- **Anwendungsserver:** z.B. Docker, Google App Engine, Cloud Functions, ...
+- **Automatisierung:** z.B. Github Actions, Jenkins, Google Cloud Build, ...
+
+</div>
+</div>
+
+<PageNumber/>