Warum Atlas?
Atlas ist kein UI-Kit oder eine Landing Page: es ist ein Arbeitsverzeichnis und Buchungsmarktplatz. Jeder Bildschirm unten wird von einem echten PostgreSQL-Schema (48 Drizzle-Tabellen), Serveraktionen, rollenbasierter Authentifizierung und reichhaltigen Seed-Daten unterstützt, sodass Sie einen Stadtführer, einen Mietmarktplatz, ein Restaurantverzeichnis, eine Veranstaltungsplattform oder ein beliebiges Nischenverzeichnis in Tagen anstelle von Monaten starten können.
Es deckt den gesamten Zyklus ab: Ein Besucher sucht auf der Karte, wählt einen Ort, bucht und bezahlt, der Eigentümer bestätigt über sein Dashboard, der Verzeichnisadministrator behält die Provision, und die Plattform betreibt viele Verzeichnisse als SaaS. Kein WordPress, keine Plugins, keine Page-Builder-Abhängigkeit.
- Standalone Next.js 16 + React 19 Anwendung, 100% TypeScript, alle UI und Code in Englisch
- Multi-Tenant SaaS: Subdomains oder benutzerdefinierte Domains pro Verzeichnis, Pläne, Testversionen und Abrechnung
- Vier Buchungsmodi: Übernachtungen, Ein-Tages-Reservierungen, stündliche Slots und Veranstaltungstickets mit QR-Check-in
- Stripe Checkout + Stripe Connect Auszahlungen, Barzahlung bei Ankunft, Gutscheine, optionale Gebühren, Anzahlungen, Rückerstattungen und ein Provisionsbuch
- Suche mit gruppierter Karte, Filtern, gespeicherten Suchen, Vergleichen und "Suche, während ich die Karte bewege"
- 32-Block-Seiten-Builder, Branding, Navigation, Texte und Funktionstasten — alles vom Admin
- Designstudio pro Eintrag, damit jeder Eigentümer seine eigene öffentliche Seite gestalten kann
- Bewertungen mit Fotos und Antworten, Lesezeichen, Ansprüche, Berichte, Leads, Messaging und Benachrichtigungen
- Bearbeitbare E-Mail-Vorlagen, Blog, Newsletter und Kontaktformulare
- 12 Nischenvorlagen (Stadtführer, Vermietungen, Restaurants, Veranstaltungen, Dienstleistungen, Wellness…) jederzeit umschaltbar
- Helles und dunkles Design, vollständig responsiv, barrierefreie Komponenten, SEO-Metadaten und OpenGraph
- Realistische Demodaten: 24 Einträge, Buchungen, Bestellungen, Bewertungen und Gespräche
01. Sehen Sie es funktionieren: Ein Besucher bucht in Sekunden
Das Buchungs-Widget passt sich dem Eintragstyp an. Übernachtungen zeigen einen Datumsbereich-Kalender mit Übernachtungspreisen, Reinigungsgebühren und Stadtsteuern. Restaurants und Dienstleistungen zeigen einen einzelnen Tag mit Zeitfenstern, die aus den Öffnungszeiten, der Slotlänge und bestehenden Buchungen berechnet werden. Veranstaltungen verkaufen Tickets mit einem Kapazitätszähler, der niemals überverkauft werden kann. Gäste können ohne ein Konto auschecken, wenn Sie es erlauben, Gutscheine anwenden und mit Karte oder Barzahlung bei Ankunft bezahlen.
02. Eine Homepage, die Ihr Verzeichnis verkauft
Die Homepage ist aus Blöcken aufgebaut: Hero mit Suche, Kategorien, hervorgehobene Einträge, wie es funktioniert, Statistiken, Regionen, bevorstehende Veranstaltungen, Bewertungen und ein Aufruf zum Handeln. Ordnen Sie jeden Block im Seiten-Builder neu an, verstecken oder gestalten Sie ihn um; jede Überschrift und jedes Label ist bearbeitbar.
03. Kartensuche mit Filtern
Stichwort, Standort, Eintragstyp, Kategorie, Daten, Gäste, Preis, jetzt geöffnet, Sofortbuchung und verifizierte Filter. Die Ergebnisse synchronisieren sich mit einer gruppierten Leaflet-Karte (OpenStreetMap-Kacheln standardmäßig, jeder Kachelanbieter über eine Umgebungsvariable). Besucher können eine Suche speichern und benachrichtigt werden oder Einträge nebeneinander vergleichen.
04. Eintragsseiten, auf die Eigentümer stolz sind
Galerie, verifiziertes Abzeichen, Bewertung, Preisspanne, Status jetzt geöffnet, Annehmlichkeiten, benutzerdefinierte Felder, Menü oder Dienstleistungen mit Preisen, Video, Standortkarte, Öffnungszeiten, FAQ, Gastgeberkarte, Bewertungen und eine anhaltende Buchungs-Seitenleiste. Eigentümer können Abschnitte neu anordnen, benutzerdefinierte Blöcke hinzufügen und das Layout aus ihrem eigenen Designstudio ändern.
05. Dashboard für Eigentümer: ein echtes Geschäftscockpit
Übersicht mit Umsatzdiagramm und bevorstehenden Buchungen, Eintragsmanager, Buchungen mit Genehmigen / Ablehnen / Stornieren / Einchecken, Verfügbarkeitskalender mit iCal-Import und -Export, Nachrichten, Leads, Bewertungen, Statistiken, Gutscheine, Aktionen (hervorgehoben / gesponsert), Teammitglieder, Geldbörse mit Stripe Connect Onboarding und Paketen.
06. Verzeichnisadministrator: alles anpassen, kein Code
Branding (Logo, Farben, Schriftarten, Radius), Erscheinungsbild (Kopfzeilenstil, Ankündigungsleiste, Fußzeile), Mega-Menü-Navigation, 127 bearbeitbare Textstrings, Funktionstasten, E-Mail-Vorlagen, Eintragstypen mit benutzerdefinierten Feldern und Taxonomien, Pakete, Werbung, Gutscheine, Moderation, Ansprüche, Berichte, Benutzer, Analysen und Tools. Wechseln Sie jederzeit zwischen den 12 Nischenvorlagen.
07. Führen Sie es als SaaS aus
Die Hauptdomain ist Ihre Plattform: Marketingseite, Preisgestaltung, Anmeldung und ein 4-stufiges Onboarding, das in Sekundenschnelle ein neues Verzeichnis auf seiner eigenen Subdomain bereitstellt. Pläne mit Einschränkungen (Einträge, Benutzer, Funktionen), Testversionen, Stripe Billing und ein Plattform-Super-Admin zur Verwaltung von Seiten, Benutzern und Plänen. Oder setzen Sie TENANCY_MODE=single, um ein Verzeichnis auf einer Domain auszuführen.
08. Mobil, Dunkelmodus und Barrierefreiheit
Jede Seite funktioniert in der Breite eines Telefons ohne horizontalen Scrollen, der Dunkelmodus folgt dem System oder einem Umschalter, Komponenten stammen aus einem ursprünglichen Designsystem (indigo-Marke, warme Neutraltöne, Plus Jakarta Sans) mit Tastaturnavigation und Fokuszuständen.
Funktionsübersicht nach Rolle
Besucher / Gäste: Suche mit Karte und Filtern · gespeicherte Suchen · vergleichen · Lesezeichen · Buchungen von Aufenthalten, Slots oder Tickets · Gast-Checkout · Gutscheine · Bewertungen mit Fotos · Nachrichten mit Gastgebern · Reisen, Tickets mit QR und Wallet
Eigentümer: Einträge mit Galerie, benutzerdefinierten Feldern, Menü, FAQ, Öffnungszeiten und Video · Buchungsworkflow · Verfügbarkeitskalender + iCal · Leads und Nachrichten · Statistiken · Gutscheine und Aktionen · Teammitglieder · Designstudio · Stripe Connect Wallet · Pakete
Verzeichnis-Admins: Branding, Erscheinungsbild, Navigation, Texte, Funktionen · Seiten-Builder (32 Blöcke) · Vorlagenwechsler · Eintragstypen, Felder, Taxonomien · Moderation, Ansprüche, Berichte, Bewertungen · Buchungen, Bestellungen, Auszahlungen · Pakete, Gutscheine, Anzeigen · E-Mail-Vorlagen · Analytik · Mediathek · Domain
Plattform-Admins: Seiten, Benutzer, Pläne, Aussetzungen, Abrechnung
Technologiestack
- Next.js 16 (App Router, Serveraktionen, proxybasierte Mandantenrouting)
- React 19, TypeScript, Tailwind CSS v4
- PostgreSQL 16 + Drizzle ORM (48 Tabellen, Migrationen inklusive)
- Bessere Authentifizierung (E-Mail + Passwort, Sitzungen, Passwort zurücksetzen)
- Stripe (Checkout, Billing, Connect) mit einem Testmodus, der ohne Schlüssel funktioniert
- Zod 4 Validierung, Leaflet + Supercluster-Karten, Recharts
- nodemailer (Konsolentransport in der Entwicklung), node-ical / ical-generator, QR-Codes
- Vitest (55 Tests), ESLint, GitHub Actions CI, Docker + docker-compose, eigenständige Ausgabe, Gesundheitsendpunkt
Was Sie erhalten
- Vollständiger Quellcode der Plattform, des Verzeichnisses, des Eigentümer-Dashboards und des Admins
- 12 Nischenvorlagen mit Seed-Skripten und Demoinhalten
- Datenbankmigrationen, Cron-Jobs und eine Speicher-Treiber-Schnittstelle (lokal / S3-kompatibel)
- Architekturleitfaden, README mit Bereitstellung, Stripe- und SMTP-Setup, Datenschutz- und Datenleitfaden, Hinweise von Dritten, Änderungsprotokoll
Installation in 4 Schritten
pnpm install- Kopieren Sie
.env.example nach .env und setzen Sie DATABASE_URL, ROOT_DOMAIN und BETTER_AUTH_SECRET pnpm db:migrate && pnpm seedpnpm dev und öffnen Sie die Plattform unter Ihrer Hauptdomain und die Demo unter demo.<root domain>
Anforderungen
- Node.js 20 oder neuer und pnpm
- PostgreSQL 16 (Docker Compose inklusive)
Demo-Konten (nach dem Seed)
Der Seed erstellt Demokonten zur lokalen Bewertung: admin@atlas.test (Plattform + Verzeichnis-Admin), sofia@nooks.test (Eigentümer) und emma@nooks.test (Gast). Es gibt kein integriertes Passwort: Setzen Sie DEMO_PASSWORD in Ihrer .env, oder lassen Sie den Seed ein zufälliges generieren und in .seed-credentials.txt speichern. Der Seed weigert sich, in der Produktion ohne ein explizites DEMO_PASSWORD zu laufen.
Gut zu wissen
- Clean-Room-Bau: ursprünglicher Code und ursprüngliches Designsystem, kein GPL-Theme-Code oder lizenzierte Assets
- Stripe ist optional; ohne Schlüssel läuft der Checkout in einem Testmodus, den Sie sofort demonstrieren können
- Alle öffentlichen Zeichenfolgen sind vom Admin bearbeitbar, sodass Sie das Frontend in jede Sprache übersetzen können
- Sicherheitsstandards: rate-limitiertes Anmelden und Passwort zurücksetzen, Sicherheitsheader, Überprüfung der Startkonfiguration, keine Analytik oder Drittanbieter-Skripte standardmäßig geladen
−27%
