marketplace demo herunterladen - marketplace demo -Quellcode herunterladen

marketplace demo

Anderer Quellcode

1.0.0

Herunterladen

Stelace-Plattformläufer

Marktplatz-Starterkit

Die Nutzung dieses Stelace-Starterkits ist gemäß den Bedingungen der MIT-Lizenz kostenlos. Fühlen Sie sich frei, einen Fork zu machen, einen Beitrag zu leisten oder es einfach zu Ihrem eigenen zu machen ❤️.

Dieses Starterkit bietet ein leistungsstarkes AirBnB-ähnliches Marktplatz-Frontend (Vue.js) mit vorkonfigurierter serverloser Bereitstellung basierend auf dem Open-Source-Stelace-API-Server.

Inhalt

Merkmale ?
- Standardmäßig schnell?
- Integrationen
Testen
Stapel
Erste Schritte
Einsatz

Live-Demo

Eine Plattformvorlage mit Fokus auf Suche, Automatisierung und Echtzeit ist ebenfalls verfügbar.

Was ist Stelace?

Stelace API bietet erweiterte Such-, Asset- und Benutzerverwaltungs-, Automatisierungs- und Inhaltsbereitstellungs-APIs für Webplattformen, die von suchintensiven Marktplätzen bis hin zu Online-Community-Apps reichen. Mit dem Open-Source-Marktplatz-Backend von Stelace können Sie sich auf das konzentrieren, was Ihre Plattform einzigartig macht.

API-Dokumente

Merkmale ?

Vermögensverwaltung. Vermögenswerte können alles sein, von Wohnungen und Häusern bis hin zu Autos oder Konzerten
Leistungsstarke und typfehlertolerante Suche auf Relevanz- und dynamischer Verfügbarkeitsbasis
Benutzerauthentifizierung einschließlich Social Login und SSO
Benutzerverwaltung und Bewertungen
Ereignisse und Nachrichten in Echtzeit
Automatisierung mit Stelace-Workflows?
Anpassbarer Bezahlvorgang mit serverlosen Funktionen
Headless CMS? mit Stelace Content API
Globales CDN für Bilder und Benutzerdateien
i18n ? und vollständige Übersetzungen
Zugänglichkeit
…
und vieles mehr mit Stelace API

Standardmäßig schnell?

Erzielen Sie sofort einen PageSpeed-Score von über 90:

Vorgerenderte statische Seiten für schnellstes Laden der Seite, wobei Vue.js in vollständiges SPA umgewandelt wird.
Code-Splitting mit optimierter Webpack-Konfiguration in quasar.conf.js .
Bildkomprimierung mit WebP und serverlose Größenänderung mit AWS Lambda
Vorabrufen und Vorladen von Ressourcen
PWA-fähig dank Quasar

Dieses Kit folgt dem PRPL-Muster: Weitere Informationen finden Sie in den Dokumenten.

Integrationen

Nutzen Sie diese Integrationen, um Ihre Plattform noch schneller in Betrieb zu nehmen:

Automatisierte und kontinuierliche Bereitstellung mit Netlify
Stripe-Zahlungen mithilfe von Netlify-Funktionen und Stelace-Workflows
Sentry zum Debuggen in der Produktionsumgebung
Karten- und Ortssuche mit OpenStreetMap-Anbietern
Google Analytics

Testen

End-to-End-Cross-Browser-Tests mit TestCafé
Kontinuierliche Integration mit CircleCI

Stapel

Serverlose JAMStack-Architektur:

Vue.js
Quasar-Framework
Stelace API als Backend
Stelace Headless CMS
Stelace.js SDK
Netlify für die Bereitstellung statischer Sites und Lambda-Funktionen

Für die Tools wird Node.js >= 10.18 verwendet.

Erste Schritte

Sie benötigen Ihre Stelace-API-Schlüssel, um loszulegen. Gute Nachrichten: Stelace ist Open Source, sodass Sie Ihren eigenen Server bereitstellen können.

Klonen Sie dieses Repository

git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo

Installieren Sie node_modules

 # using yarn instead of npm is recommended
yarn

Wenn Sie kein Garn installiert haben, können Sie diese Anweisungen befolgen.

Erstellen Sie Umgebungsdateien für Entwicklung und Produktion.

Sie können .env.example kopieren und mit Stelace-API-Schlüsseln füllen (diese mit dem serverseitigen Open-Source-Projekt generieren).

cp .env.example .env.development
# You may want to use live keys in this file
cp .env.example .env.production

Sie müssen die folgenden Umgebungsvariablen füllen:

STELACE_INSTANT_WEBSITE_URL
STELACE_PUBLISHABLE_API_KEY ( pubk_ ...) wird in der Vue-App verwendet
STELACE_SECRET_API_KEY ( seck_ ...) wird in Daten-Seeding-Skripten verwendet
STELACE_API_URL kann leer bleiben, es sei denn, Sie verwenden Ihren eigenen Server anstelle der Standardeinstellung api.stelace.com

Weitere Informationen zu Umgebungsvariablen, einschließlich Karte, Zahlungsgateway, Protokollierung und Analyse, finden Sie unter .env.example .

Daten zur Samenentwicklung

yarn seed

Starten Sie den Entwicklungsserver

quasar dev
# or, if you want to run Netlify functions with stripe payments as well:
yarn dev

Weitere Informationen zur Front-End-Konfiguration und den Komponenten finden Sie in den Quasar-Dokumenten.

Entwicklung mit selbstgehostetem Stelace-API-Server (Open-Source-Backend).

Der Stelace Core API-Server muss lokal gestartet werden, bevor der Server dieses Projekts gestartet wird.

Zuerst müssen wir die von der Stelace Core API benötigten Dienste starten.

yarn docker:db

Dann müssen wir die Datenbank mit der Sofortkonfiguration initialisieren.

 cd /path/to/stelace-core
git checkout dev
yarn setup:instant

Geheime und veröffentlichbare API-Schlüssel werden angezeigt, sodass Sie sie als Umgebungsvariablen für dieses Projekt verwenden können. Sie müssen auch einige Umgebungsvariablen festlegen, z. B. STELACE_API_URL (http://127.0.0.1:API_PORT).

Lasst uns den Server starten.