Dokumentation
Zuletzt aktualisiert:
Willkommen in der Dokumentation von SM Supports. Dieser umfassende Leitfaden erläutert unseren Entwicklungsprozess, unseren Technologie-Stack, API-Integrationen und bewährte Verfahren für die Zusammenarbeit mit uns.
Erste Schritte
Mit diesen Schritten gelingt Ihnen der Einstieg in die Leistungen und Projekte von SM Supports.
Erstberatung
Vereinbaren Sie ein kostenloses Beratungsgespräch, um Ihre Projektanforderungen, Ziele und Ihren Zeitplan zu besprechen.
Gespräch vereinbarenProjektplanung
Wir erstellen einen detaillierten Projektplan mit Leistungsumfang, Meilensteinen, Arbeitsergebnissen und Zeitplan. Sie erhalten ein umfassendes Angebot, das alle Aspekte des Projekts abdeckt.
Entwicklung & Zusammenarbeit
Unser Team beginnt mit der Entwicklung und hält Sie mit regelmäßigen Abstimmungen und Statusberichten auf dem Laufenden. Sie erhalten Zugang zu Testumgebungen, in denen Sie den Fortschritt prüfen und während des gesamten Prozesses Feedback geben können.
Livegang & Support
Nach gründlichen Tests und Ihrer Freigabe bringen wir Ihr Projekt live. Wir bieten laufenden Support, Wartung und Dokumentation, damit Ihr Projekt langfristig erfolgreich ist.
Technologie-Stack
Wir setzen moderne, branchenführende Technologien ein, um skalierbare und leistungsstarke Anwendungen zu entwickeln.
Frontend-Entwicklung
- Next.js 15 – React-Framework mit App Router
- React 18 – Komponentenbasierte UI-Bibliothek
- TypeScript – Typsicheres JavaScript
- Tailwind CSS – Utility-First-CSS-Framework
- Framer Motion – Animationsbibliothek
Backend & APIs
- Node.js – JavaScript-Laufzeitumgebung
- Next.js API Routes – Serverlose Funktionen
- REST-APIs – RESTful-Architektur
- Cloudflare Workers – Edge-Computing
- Resend – E-Mail-Versanddienst
Datenbanken & Speicher
- Cloudflare D1 – Serverloses SQLite
- PostgreSQL – Relationale Datenbank
- MongoDB – NoSQL-Datenbank
- Redis – In-Memory-Caching
Plattformen & Tools
- Wix – Website-Baukasten
- Velo (Wix Code) – Individuelle Funktionen
- Git & GitHub – Versionsverwaltung
- Vercel – Plattform für Deployments
API-Referenz
Dokumentation unserer API-Endpunkte und Integrationsdienste.
POST /api/contact
Kontaktanfrage über das Formular senden
Request-Body:
{
"name": "string",
"email": "string",
"subject": "string",
"message": "string"
}Antwort (200):
{
"success": true,
"message": "Message sent successfully"
}POST /api/schedule
Beratungstermin buchen
Request-Body:
{
"name": "string",
"email": "string",
"company": "string",
"date": "string",
"time": "string",
"timezone": "string",
"projectType": "string",
"description": "string"
}GET /api/timeslots
Verfügbare Termine für die Buchung abrufen
Abfrageparameter:
?date=2025-10-02&timezone=America/New_York
Antwort (200):
{
"availableSlots": ["09:00", "10:00", "14:00"],
"bookedSlots": ["11:00", "15:00"]
}Bereitstellung & Hosting
Wir stellen Anwendungen auf branchenführenden Plattformen bereit – für optimale Performance und Zuverlässigkeit.
Vercel (Hauptplattform)
Unsere Hauptplattform für Next.js-Anwendungen mit automatischem CI/CD, Edge Functions und globalem CDN.
- Automatische Deployments aus Git
- Vorschau-Deployments für Pull Requests
- Edge-Netzwerk mit über 100 Standorten
- Integrierte Analyse und Überwachung
Cloudflare Pages & Workers
Edge-Computing-Plattform für serverlose Funktionen, die D1-Datenbank und das Hosting statischer Websites.
- Serverlose D1-Datenbank auf SQLite-Basis
- Workers für Edge-Computing
- R2-Objektspeicher
- DDoS-Schutz und Sicherheit
Individuelle Hosting-Lösungen
Je nach Projektanforderungen arbeiten wir auch mit verschiedenen anderen Hosting-Anbietern zusammen.
- AWS (EC2, S3, CloudFront, Lambda)
- DigitalOcean (Droplets, App Platform)
- Netlify (statische Websites, Edge Functions)
- Heroku (Container-Deployments)
Bewährte Verfahren
Richtlinien und Empfehlungen für die Arbeit an Projekten von SM Supports.
Codequalität
- TypeScript für Typsicherheit und eine bessere Entwicklererfahrung einsetzen
- ESLint- und Prettier-Konfigurationen für einen einheitlichen Codestil befolgen
- Aussagekräftige Commit-Nachrichten nach Conventional Commits schreiben
- Komponenten klein, fokussiert und wiederverwendbar halten
- Komplexe Logik und API-Schnittstellen dokumentieren
Performance-Optimierung
- Bilder mit der Image-Komponente von Next.js optimieren
- Lazy Loading für Inhalte unterhalb des sichtbaren Bereichs einsetzen
- Wo möglich React Server Components verwenden
- Bundle-Größe durch Code-Splitting und Tree Shaking minimieren
- API-Antworten und statische Assets angemessen zwischenspeichern
Sicherheit
- Niemals sensible Daten oder API-Schlüssel in die Versionsverwaltung einchecken
- Umgebungsvariablen für die Konfiguration verwenden
- Eingaben sorgfältig validieren und bereinigen
- HTTPS für alle Produktivumgebungen verwenden
- Abhängigkeiten aktuell halten, um Sicherheitslücken zu schließen
Barrierefreiheit (A11y)
- Semantische HTML-Elemente verwenden (nav, main, article usw.)
- Alternativtexte für alle Bilder bereitstellen
- Auf ausreichende Farbkontraste achten
- Interaktive Elemente per Tastatur bedienbar machen
- Mit Screenreadern und Tools für Barrierefreiheit testen
Fehlerbehebung
Häufige Probleme und ihre Lösungen.
Build-Fehler
Problem: Der Build schlägt mit TypeScript- oder ESLint-Fehlern fehl
Lösung:
- Führen Sie
npm run lintaus, um Probleme zu ermitteln - Prüfen Sie package.json auf fehlende Abhängigkeiten
- Stellen Sie sicher, dass alle Importe korrekt typisiert sind
- Leeren Sie den Ordner
.nextund führen Sie den Build erneut aus
Probleme mit der API-Verbindung
Problem: API-Endpunkte geben Fehler zurück oder brechen mit einem Timeout ab
Lösung:
- Prüfen Sie, ob die Umgebungsvariablen korrekt gesetzt sind
- Prüfen Sie API-Ratenlimits und Kontingente
- Überprüfen Sie die CORS-Einstellungen für Cross-Origin-Anfragen
- Beobachten Sie den Tab „Netzwerk“ in den Entwicklertools Ihres Browsers
Performance-Probleme
Problem: Langsame Ladezeiten oder schlechte Lighthouse-Werte
Lösung:
- Optimieren Sie Bilder (WebP-Format, passende Größen)
- Aktivieren Sie Lazy Loading für Bilder und Komponenten
- Minimieren Sie die Größe des JavaScript-Bundles
- Nutzen Sie Edge-Caching für API-Antworten
- Sorgen Sie für passende Ladezustände
Brauchen Sie weitere Hilfe?
Sie finden nicht, wonach Sie suchen? Unser Team unterstützt Sie gern bei allen Fragen und technischen Anliegen.
- E-Mail:
- [email protected]
- Telefon:
- (+880) 13013-60818
- Geschäftszeiten:
- Mo.–Fr., 9:00–18:00 Uhr (Bangladesch-Zeit, BST)