platforms

Plattformen Starter Kit

Das All-in-One- Starter-Kit
zum Aufbau von Anwendungen mit mehreren Mietern.

EINLEITUNG · DEMO · Setzen Sie Ihren eigenen · Leitfaden ein

Einführung

Das Plattform-Starter-Kit ist eine Full-Stack-App mit Multi-Tenancy- und benutzerdefinierten Domain-Unterstützung. Erstellt mit Next.js App Router, Vercel Postgres und der API der Vercel Domains.

Hier ist eine kurze 30-Sekunden-Demo:

Plattforms.v2.mp4

Merkmale

1. Multi-Tenancy: Weisen Sie Ihren Benutzern die Vercel Domains API programmatisch unbegrenzte benutzerdefinierte Domänen, Subdomains und SSL-Zertifikate zu
2. Aufführung : schnelle und schöne Blog-Beiträge, die über das Edge-Netzwerk von Vercel zwischenstrichen sind, mit der Möglichkeit, den Cache On-Demand (wenn Benutzer Änderungen vornehmen) mithilfe einer inkrementellen statischen Regeneration + Next.js ' revalidateTag API
3. AI-Editor : AI-angetanter Markdown-Editor für ein Schreiberlebnis im Begriffsbild, der mit Roman angetrieben wird
4. Bild -Uploads : Drag & Drop / Kopieren und einfügen Bild -Uploads, unterstützt von Vercel Blob
5. Benutzerdefinierte Stile : benutzerdefinierte Schriftarten, 404 Seiten, Favoriten und Sitemaps für jede Website über die nächste.JS-basierte Metadaten-API
6. Dynamische OG -Karten : Jeder Blog -Beitrag verfügt über ein dynamisches OG -Bild, das von @Vercel/OG betrieben wird
7. Dunkler Modus : Für eine bessere Benutzererfahrung nachts
8. Multi-Tenant-Vorschau-URLs : Vorschau-Änderungen an Ihren Client-Websites mithilfe von URLs von Vercel Vorschau. Erfahren Sie mehr.

Bereitstellen Sie Ihre eigenen ein

Bereiten Sie Ihre eigene Version dieses Starter -Kits mit Vercel ein.

Sie können auch den Leitfaden lesen, um zu erfahren, wie Sie Ihre eigene Version dieser Vorlage entwickeln.

Was ist eine Multi-Mieter-Anwendung?

Multi-Mieter-Anwendungen bedienen mehrere Kunden in verschiedenen Subdomänen/benutzerdefinierten Domänen mit einer einzigen einheitlichen Codebasis.

Zum Beispiel ist unsere Demo eine Multi-Mieter-Anwendung:

• Subdomain: Demo.vercel.Pub
• Benutzerdefinierte Domäne: platformize.co (Karten an Demo.vercel.pub)
• Erstellen Sie Ihre eigenen: app.vercel.pub

Ein weiteres Beispiel ist Hashhnode, eine beliebte Blogging -Plattform. Jeder Schriftsteller hat seinen eigenen einzigartigen .hashnode.dev Subdomain für seinen Blog:

• eda.hashnode.dev
• katycodessTuff.hashnode.dev
• akoskm.hashnode.dev

Benutzer können benutzerdefinierte Domänen auch ihrer .hashnode.dev subdomain zuordnen:

• aKoskm.com → akoskm.hashnode.dev

Mit dem Plattform Starter Kit können Sie Ihren Kunden unbegrenzte benutzerdefinierte Domänen ohne zusätzliche Kosten als Premium -Funktion anbieten, ohne sich um benutzerdefinierte Namenserver zu sorgen oder SSL -Zertifikate zu konfigurieren.

Beispiele für Plattformen

Vercel -Kunden wie Hashhnode, Super und Cal.com bauen skalierbare Plattformen auf Vercel und Next.js. Es gibt mehrere Arten von Plattformen, die Sie mit diesem Starter -Kit erstellen können:

1. Plattformen für Inhaltserstellung

Dies sind inhaltsdichtete Plattformen (Blogs) mit einfachen, standardisierten Seitenlayouts und Routenstruktur.

"Mit Vercel verbringen wir weniger Zeit damit, unsere Infrastruktur zu verwalten und mehr Zeit zu bieten, um unseren Benutzern einen Mehrwert zu bieten." -Sandeep Panda, Mitbegründer, Hashhnode

1. Hashhnode
2. Mintlify
3. Read.cv

2. Bauherren von Website & E-Commerce Store

Bauherren ohne Code mit anpassbaren Seiten.

Durch die Verwendung von Next.js und Vercel hat Super schnell, weltweit verteilte Websites mit einem No-Code-Editor (Begriff). Ihre Kunden erhalten alle Vorteile von Next.js (wie Bildoptimierung), ohne Code zu berühren.

1. Super.so
2. Typedream
3. Makewift

3. B2B2C -Plattformen

Multi-Mieter-Authentifizierung, Anmeldung und Zugriffskontrollen.

Mit Vercel und Next.js können Plattformen wie Instatus Statuseiten erstellen, die 10x schneller sind als Wettbewerber.

1. Instatus
2. Cal.com
3. Dub

Auf Open Source gebaut

Diese funktionierende Demo -Website wurde mit dem Plattform Starter Kit erstellt und:

• Weiter.js als React -Rahmen
• Rückenwind für CSS -Styling
• Als ORM für den Datenbankzugriff beträufeln
• Roman für den Wysiwyg -Editor
• Vercel Postgres für die Datenbank
• Vercel Blob für Bild -Uploads
• NextAuth.js zur Authentifizierung
• Zittern für Charts
• Vercel für die Bereitstellung

Beitragen

• Beginnen Sie eine Diskussion mit einer Frage, einem Feedback oder einer Idee, die Sie mit dem Team teilen möchten.
• Öffnen Sie ein Problem, wenn Sie glauben, dass Sie mit dem Starter -Kit auf einen Fehler gestoßen sind.

Autor

• Steven Tey (@steventey)

Lizenz

Die MIT -Lizenz.

---