Die Open Source Next.js SaaS Boilerplate für die Entwicklung von Enterprise SaaS App.
Bitte spielen Sie das Repo mit, wenn Sie möchten, dass wir das SaaS -Starter -Kit weiterentwickeln und verbessern! ?
Zusätzliche Ressourcen
Video - BoxyHQs SaaS -Starter -Kit: Ihr ultimatives Enterprise -konforme Boilerplate Blog - Enterprise -fähiges SaaS -Starter -Kit
Das SaaS-Starter-Kit von NEXT.JS-Basis spart Ihnen Monate der Entwicklung, indem Sie Sie mit allen Funktionen beginnen, die in jedem Produkt gleich sind. Sie können sich also darauf konzentrieren, was Ihre App einzigartig macht.
Gebaut mit
NEXT.JS Dies ist ein React-Framework, das Funktionen wie serverseitiges Rendering und statische Site-Erzeugung bietet. Es wird zum Erstellen der Benutzeroberfläche Ihrer Anwendung verwendet. Die Hauptkonfiguration für Next.js finden Sie in Next.config.js.
Tailwind CSS Dies ist ein Utility-First CSS-Framework, mit dem Sie benutzerdefinierte Benutzeroberflächen schnell erstellen können. Es wird zum Styling der Anwendung verwendet. Die Konfiguration für Tailwind -CSS finden Sie in postcs.config.js.
Postgres Dies ist ein leistungsstarkes Open-Source-Objekt-Relational-Datenbanksystem. Es wird zum Speichern von Anwendungsdaten verwendet. Die Verbindung zu Postgres wird wahrscheinlich durch Prisma verwaltet.
React Dies ist eine JavaScript -Bibliothek zum Erstellen von Benutzeroberflächen. Es wird zum Erstellen der interaktiven Elemente Ihrer Anwendung verwendet. Die React -Komponenten befinden sich im Komponentenverzeichnis.
Prisma Dies ist ein Open-Source-Datenbank-Toolkit. Es wird für die Objektrelationszuordnung verwendet, die den Prozess des Schreibens von Datenbankabfragen vereinfacht. Die Prisma -Konfiguration und -Schema finden Sie im Prisma -Verzeichnis.
TypeScript Dies ist eine typisierte Superset von JavaScript, die zu einfacher JavaScript kompiliert. Es wird verwendet, um den Code robuster und wartbarer zu machen. TypeScript-Definitionen und -konfigurationen finden Sie in Dateien wie dem nächsten-Env.d.ts und i18Next.d.ts.
SAML Jackson (bietet SOS SSO, Verzeichnis Synchronisation) Dies ist ein Service für die Behandlung von SOS SSO (Single Sign-On). Es wird verwendet, damit Benutzer sich mit einer einzigen ID und einem Kennwort zu mehreren zugehörigen Systemen anmelden können, dh unter Verwendung eines einzelnen Satzes von Anmeldeinformationen). Die Implementierung von SAML Jackson befindet sich hauptsächlich innerhalb der mit der Authentifizierung verbundenen Dateien.
SVIX (bietet Webhook Orchestration) Dies ist ein Service für die Behandlung von Webhooks. Es wird verwendet, um Ereignisse in Benutzer-/Team -CRUD -Operationen auszugeben, die dann von anderen Teilen der Anwendung oder der externen Dienste erfasst und behandelt werden können. Die Integration von SVIX wird in der gesamten Codebasis verteilt, hauptsächlich in Bereichen, in denen Operationen erstellen, lesen, aktualisieren und löschen (CRUD) ausgeführt werden.
Rückverfolgt (Bietet Audit -Protokoll -Dienst) Dies ist ein Dienst für die Prüfungsprotokollierung und die Sichtbarkeit von Daten. Es hilft, Benutzeraktivitäten in der Anwendung zu verfolgen, dh (wer was und wann in der Anwendung). Die Nutzung von Nachverfolgung würde in der gesamten Codebasis verteilt, wahrscheinlich in den Dateien, in denen wichtige Aktionen ausgeführt werden.
Stripe (bietet Zahlungen an) Dies ist ein Service für den Umgang mit Zahlungen. Es wird verwendet, um Zahlungen für die Anwendung zu verarbeiten. Die Integration von Stripe findet sich wahrscheinlich in den Dateien, die mit Abrechnung und Abonnements verbunden sind.
Dramatiker (bietet E2E -Tests) Dies ist eine Node.js -Bibliothek für die Automatisierung von Browsern. Es wird verwendet, um End-to-End-Tests für die Anwendung durchzuführen. Die Dramatikerkonfiguration und -Tests finden Sie im Tests -Verzeichnis.
Docker (bietet Docker Compose) Dies ist eine Plattform zum Entwickeln, Versand und Ausführen von Anwendungen. Es wird verwendet, um die Anwendung und ihre Abhängigkeiten zu behaupten. Die Docker-Konfiguration finden Sie in der Dockerfile und Docker-compose.yml.
NextAuth.js (bietet Authentifizierung) Dies ist eine vollständige Open-Source-Authentifizierungslösung für Next.js-Anwendungen. Es wird verwendet, um die Benutzerauthentifizierung und Autorisierung zu verarbeiten. Die Konfiguration und die Anbieter von NextAuth.js finden Sie in der Datei der Seiten/API/auth/[... NextAuth] .TS.
Einsatz
Erste Schritte
Bitte befolgen Sie diese einfachen Schritte, um eine lokale Kopie zu erhalten.
Melden Sie sich bei Google an [Einrichten von Google OAuth]
Melden Sie sich mit Github an [Erstellen einer Github OAuth -App]
Verzeichnissynchronisation (SCIM)
Konto aktualisieren
Team erstellen
Team löschen
Laden Sie Benutzer zum Team ein
Teammitglieder verwalten
Teameinstellungen aktualisieren
Webhooks & Events
Internationalisierung
Prüfprotokolle
Rollen und Berechtigungen
Dunkler Modus
E -Mail -Benachrichtigungen
E2E -Tests
Docker komponieren
Prisma Studio
Mitgliederrolle aktualisieren
Verzeichnissynchronisierungsereignisse
Avatar -Upload
SAML SSO
Prüfprotokoll
Webhook
Zahlungen
Sicherheitsüberschriften
➡️ bald kommen
Abrechnung & Abonnements
Einheiten- und Integrationstests
Beitragen
Vielen Dank, dass Sie sich die Zeit genommen haben, um einen Beitrag zu leisten! Beiträge machen die Open-Source-Community zu einem fantastischen Ort, um zu lernen, zu inspirieren und zu kreieren. Alle Beiträge, die Sie leisten, werden sehr geschätzt.
Bitte versuchen Sie, Fehlerberichte zu erstellen, die lautet:
Reproduzierbar. Geben Sie Schritte zur Reproduktion des Problems ein.
Spezifisch. Fügen Sie so viel Detail wie möglich hinzu: Welche Version, welche Umgebung usw.
Einzigartig. Nicht vorhandene geöffnete Probleme duplizieren.
Auf einen einzelnen Fehler abgebildet. Ein Fehler pro Bericht.
Leitfaden beitragen
? Gemeinschaft
Discord (für Live-Diskussionen mit der Open-Source-Community und dem Boxyhq-Team)
Twitter / LinkedIn (Folgen Sie uns)
YouTube (Beobachten Sie Community -Veranstaltungen und Tutorials)
Github -Probleme (Beiträge, Berichtsprobleme und Produktideen)