4.2 KiB
4.2 KiB
Lokale Entwicklung - Domain-Setup
🚀 Schnellstart ohne Domain-Konfiguration
Das System unterstützt mehrere Wege, um die verschiedenen Themes zu testen:
1. URL-Parameter (Empfohlen für Testing)
http://localhost:8000/theme-demo?theme=b2in
http://localhost:8000/theme-demo?theme=b2a
http://localhost:8000/theme-demo?theme=stileigentum
http://localhost:8000/theme-demo?theme=style2own
2. Pfad-basiert (Für lokale Entwicklung)
http://localhost:8000/b2in/
http://localhost:8000/b2a/
http://localhost:8000/stileigentum/
http://localhost:8000/style2own/
3. Echte Domains (Für Produktion)
🔧 Domain-Setup für lokale Entwicklung
Option A: Hosts-Datei bearbeiten
Fügen Sie folgende Zeilen zu Ihrer hosts-Datei hinzu:
Windows: C:\Windows\System32\drivers\etc\hosts
macOS/Linux: /etc/hosts
127.0.0.1 b2in.test
127.0.0.1 b2a.test
127.0.0.1 stileigentum.test
127.0.0.1 style2own.test
127.0.0.1 portal.b2in.test
Option B: Laravel Valet (macOS)
valet link b2in
valet link b2a
valet link stileigentum
valet link style2own
Option C: Docker mit nginx
# docker-compose.yml
version: '3.8'
services:
nginx:
image: nginx:alpine
ports:
- "80:80"
volumes:
- ./nginx.conf:/etc/nginx/nginx.conf
depends_on:
- app
app:
build: .
volumes:
- .:/var/www/html
🌐 Verfügbare URLs
Nach dem Domain-Setup funktionieren folgende URLs:
B2IN Theme (Anthracite + Dynamic Blue)
B2A Theme (Azur Blue + Liberty Red)
Stileigentum Theme (Style Blue + Style Sun)
- https://stileigentum.test/
- https://stileigentum.test/about
- https://stileigentum.test/partner
- https://stileigentum.test/theme-demo
Style2own Theme (Imperial Blue + Sand Gold)
- https://style2own.test/
- https://style2own.test/about
- https://style2own.test/partner
- https://style2own.test/theme-demo
🎨 Theme-Testing
Demo-Seite verwenden
Besuchen Sie /theme-demo auf jeder Domain oder verwenden Sie URL-Parameter:
http://localhost:8000/theme-demo?theme=b2in
Die Demo-Seite zeigt:
- ✅ Aktuelle Domain-Konfiguration
- ✅ Logo-Demo (positiv/negativ)
- ✅ Farb-Demo (Primary/Secondary/Accent)
- ✅ Button-Demo mit Hover-Effekten
- ✅ Theme-Switching-Links
🔍 Troubleshooting
Domains funktionieren nicht
- Hosts-Datei prüfen: Stellen Sie sicher, dass die Domains in der hosts-Datei stehen
- DNS-Cache leeren:
- Windows:
ipconfig /flushdns - macOS:
sudo dscacheutil -flushcache - Linux:
sudo systemctl restart systemd-resolved
- Windows:
Themes werden nicht geladen
-
Vite-Assets kompilieren:
npm run build -
Cache leeren:
php artisan cache:clear php artisan config:clear php artisan view:clear
Logos werden nicht angezeigt
- Logo-Pfade prüfen: Überprüfen Sie
public/img/logos/ - Dateiberechtigungen: Stellen Sie sicher, dass die Dateien lesbar sind
📝 Entwicklungstipps
Theme-Switching testen
# Alle Themes schnell testen
curl -H "Host: b2in.test" http://localhost:8000/
curl -H "Host: b2a.test" http://localhost:8000/
curl -H "Host: stileigentum.test" http://localhost:8000/
curl -H "Host: style2own.test" http://localhost:8000/
Assets kompilieren
# Für alle Themes
npm run build
# Für spezifisches Theme (falls konfiguriert)
npm run build:b2in
npm run build:b2a
npm run build:stileigentum
npm run build:style2own
Debugging
# Theme-Konfiguration anzeigen
php artisan tinker
>>> config('app.theme')
>>> config('domains.domains.b2in')
🚀 Produktions-Deployment
Für die Produktion müssen Sie:
- Domain-DNS konfigurieren
- SSL-Zertifikate einrichten
- Vite-Assets für alle Themes kompilieren
- Umgebungsvariablen setzen
# Produktions-Build
npm run build
# Alle Theme-Assets kompilieren
npm run build:b2in
npm run build:b2a
npm run build:stileigentum
npm run build:style2own