Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:ffit:3-jahr:cicd:learningunits:lu10:a [2026/04/28 17:39] – apeter
+++ de:modul:ffit:3-jahr:cicd:learningunits:lu10:a [2026/05/21 09:26] (aktuell) – apeter
@@ Zeile 22: / Zeile 22: @@
   * Inhalte werden abhängig vom Request zur Laufzeit erzeugt (.php-> .html, ...)
 </WRAP> |
+==== SSR vs. Entkoppelte Frontend/Backend-Architektur ====
+In modernen Webprojekten wird häufig eine klare Trennung von Frontend und Backend umgesetzt:
+Frontend: z. B. mit Angular, React oder Vanilla JS
+Backend: REST- oder GraphQL-API (z. B. in Node.js, Java, Python)
+Diese Architektur bietet klare Vorteile:
+  * Lose Kopplung (Frontend und Backend unabhängig entwickelbar)
+  * Austauschbarkeit (z. B. Frontend-Technologie wechseln)
+  * Einfache Deployments (statische Dateien + API)
+  * Gute Skalierbarkeit
 ==== Static vs dynamic hosting ====
@@ Zeile 32: / Zeile 46: @@
 Statische Webseiten sind möglich bei
-  * Vanilla
+  * Vanilla / Plain Html und JS
   * Angular
   * React
@@ Zeile 40: / Zeile 54: @@
 Ausnahmen sind
   * PHP
+      * .php
   * Next.js mit API/SSR
       * getServerSideProps
@@ Zeile 46: / Zeile 61: @@
       * cookies()
       * headers()
-  * Express mit Templates (EJS, Pug)
+  * Express mit Templates
+      * .ejs
+      * .pug
+      * .hbs
 ==== Next.js ====
@@ Zeile 62: / Zeile 80: @@
 <code bash>
 npm run build
+</code>
+<code bash>
+npx serve out
 </code>
@@ Zeile 68: / Zeile 90: @@
   * „Dynamic server usage“
+==== Vite ====
+Sofern Das Projekt auf der AWS-Umgebung deployed wird, muss der Root-Pfad der Applikation neu gesetzt werden.
+vite.config.js
+<code javascript>
+// vite.config.js
+export default defineConfig({
+  base: './',
+  ...
+})
+</code>