Installation¶
Repository klonen¶
Automatischer Start¶
Ripster enthält ein start.sh-Skript, das alle Abhängigkeiten installiert und Backend + Frontend gleichzeitig startet:
Das Skript führt automatisch folgende Schritte durch:
- Node.js-Versionscheck – prüft ob >= 20.19.0 verfügbar ist (mit nvm/npx-Fallback)
- Abhängigkeiten installieren –
npm installfür Root, Backend und Frontend - Dienste starten – Backend und Frontend werden parallel gestartet
Erfolgreich gestartet
- Backend läuft auf
http://localhost:3001 - Frontend läuft auf
http://localhost:5173
Manuelle Installation¶
Falls du mehr Kontrolle benötigst:
# Root-Abhängigkeiten
npm install
# Backend-Abhängigkeiten
cd backend && npm install && cd ..
# Frontend-Abhängigkeiten
cd frontend && npm install && cd ..
# Backend starten (Terminal 1)
cd backend && npm run dev
# Frontend starten (Terminal 2)
cd frontend && npm run dev
Umgebungsvariablen konfigurieren¶
Backend¶
Bearbeite backend/.env:
Frontend¶
Bearbeite frontend/.env:
Alle Umgebungsvariablen
Eine vollständige Übersicht aller Umgebungsvariablen findest du unter Umgebungsvariablen.
Datenbank initialisieren¶
Die SQLite-Datenbank wird automatisch beim ersten Start erstellt und mit dem Schema aus db/schema.sql initialisiert. Es sind keine manuellen Datenbankschritte erforderlich.
Stoppen¶
Das Skript beendet Backend- und Frontend-Prozesse graceful.
Verzeichnisstruktur nach Installation¶
ripster/
├── backend/
│ ├── data/ ← SQLite-Datenbank (nach erstem Start)
│ ├── logs/ ← Log-Dateien
│ ├── node_modules/ ← Backend-Abhängigkeiten
│ └── .env ← Backend-Konfiguration
├── frontend/
│ ├── node_modules/ ← Frontend-Abhängigkeiten
│ ├── dist/ ← Production-Build (nach npm run build)
│ └── .env ← Frontend-Konfiguration
└── node_modules/ ← Root-Abhängigkeiten (concurrently etc.)
Nächste Schritte¶
Nach erfolgreicher Installation:
- Öffne http://localhost:5173
- Navigiere zu Einstellungen
- Konfiguriere Pfade, API-Keys und Encoding-Presets