Dies ist eine alte Version des Dokuments!
LU10a - Statische Webseiten veröffentlichen (Nachtrag)
Definitionen / Unterscheidung
| Browser
| Webserver
|
| Frontend
| Backend
|
| Statische Webseite
| Dynamische Webseite
|
Static vs dynamic hosting
Ob etwas statisch deploybar ist, hängt nicht von den Features ab, sondern davon, ob der Server zur Laufzeit am Rendering beteiligt ist.
Es ist also eine Architekturfrage, ob man Server-Side-Rendering (SSR) einsetzt oder nicht.
Salopp gesagt, können die meisten Webapplikationen in ein statisches Frontend und ein (allfälliges) dynamisches Backend aufgeteilt werden.
Statische Webseiten sind möglich bei
- Vanilla
- Angular
- React
- Vite
- Astro (default)
Ausnahmen sind
- PHP
- Next.js mit API/SSR
- getServerSideProps
- Routing (route.js, route.ts, „/api/*“)
- NextResponse
- cookies()
- headers()
- Express mit Templates (EJS, Pug)
Next.js
next.config.js
const nextConfig = { output: 'export', }; module.exports = nextConfig;
Nach dem erfolgreichen Ausführen von folgendem Befehl, sind die fertigen Dateien unter /out verfügbar.
npm run build
Mögliche Fehler:
- „Route Handlers are not supported with output: export“
- „Dynamic server usage“