Github Pages

Um die PWA mit Vite auf Github Pages zu publizieren, sind folgende Schritte notwendig:

base-Pfad in vite.config.ts anpassen
Github Pages in den Projekteinstellungen aktivieren und auf Actions setzen
Workflow-Datei hinzufügen:
- Die passende Node Version konfigurieren
- Abhängigkeiten installieren mit npm ci. (npm ci ist wie npm install, jedoch wird die package-lock.json Datei nicht neu aufgelöst)
- Projekt erstellen mit npm run build
Workflow abwarten
Resultat ansehen

Es gibt eine offizielle Dokumentation dazu, die hier zu finden ist: https://vitejs.dev/guide/static-deploy#github-pages

Zudem gibt es hier ein Video: