Zurück zur Startseite

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.

  1. Erstberatung

    Vereinbaren Sie ein kostenloses Beratungsgespräch, um Ihre Projektanforderungen, Ziele und Ihren Zeitplan zu besprechen.

    Gespräch vereinbaren
  2. Projektplanung

    Wir erstellen einen detaillierten Projektplan mit Leistungsumfang, Meilensteinen, Arbeitsergebnissen und Zeitplan. Sie erhalten ein umfassendes Angebot, das alle Aspekte des Projekts abdeckt.

  3. 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.

  4. 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

POST

Request-Body:

{
  "name": "string",
  "email": "string",
  "subject": "string",
  "message": "string"
}

Antwort (200):

{
  "success": true,
  "message": "Message sent successfully"
}

POST /api/schedule

Beratungstermin buchen

POST

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

GET

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 lint aus, 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 .next und 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.

Geschäftszeiten:
Mo.–Fr., 9:00–18:00 Uhr (Bangladesch-Zeit, BST)