marketplace demo

Kit de démarrage du marché

Ce kit de démarrage Stelace est gratuit, selon les termes de la licence MIT. N'hésitez pas à contribuer, à contribuer ou simplement à vous l'approprier ❤️.

---

Ce kit de démarrage offre une interface de marché haute performance de type AirBnB (Vue.js) avec un déploiement sans serveur préconfiguré basé sur le serveur API Stelace open source.

Contenu

• Caractéristiques ?
  • Rapide par défaut ?
  • Intégrations
• Essai
• Empiler
• Commencer
• Déploiement

Démo en direct

Un modèle de plateforme axé sur la recherche, l'automatisation et le temps réel est également disponible.

Qu’est-ce que Stelace ?

L'API Stelace fournit des API avancées de recherche, de gestion des actifs et des utilisateurs, d'automatisation et de diffusion de contenu pour les plates-formes Web allant des marchés à forte intensité de recherche aux applications communautaires en ligne. Le backend du marché open source Stelace vous permet de vous concentrer sur ce qui rend votre plateforme unique.

Documentation sur l'API

---

Caractéristiques ?

• Gestion d'actifs. Les actifs peuvent aller des appartements et des maisons aux voitures ou aux concerts
• Recherche puissante et tolérante aux fautes de frappe ?, sur une base de pertinence et de disponibilité dynamique
• Authentification des utilisateurs, y compris connexion sociale et SSO
• Gestion des utilisateurs et évaluations
• Événements et messagerie en temps réel
• Automatisation avec les workflows Stelace ?
• Processus de paiement personnalisable à l'aide de fonctions sans serveur
• CMS sans tête ? avec l'API de contenu Stelace
• CDN global pour les images et les fichiers utilisateur
• je18n ? et traductions complètes
• Accessibilité
• …
• et bien plus encore avec l'API Stelace

Rapide par défaut ?

Obtenez un score PageSpeed ​​supérieur à 90 :

• Pages statiques pré-rendues pour un chargement de page le plus rapide, avec Vue.js hydratant dans un SPA complet.
• Fractionnement de code avec une configuration Webpack optimisée dans quasar.conf.js .
• Compression d'images à l'aide de WebP et redimensionnement sans serveur à l'aide d'AWS Lambda
• Prélecture et préchargement des ressources
• Prêt pour PWA grâce à Quasar

Ce kit suit le modèle PRPL : plus d'infos dans la doc.

Intégrations

Tirez parti de ces intégrations pour commencer à exécuter votre plateforme encore plus rapidement :

• Déploiement automatisé et continu avec Netlify
• Paiements Stripe utilisant les fonctions Netlify et les workflows Stelace
• Sentry pour le débogage dans un environnement de production
• Cartes et recherche de lieux avec les fournisseurs OpenStreetMap
• Google Analytics

Essai

• Tests multi-navigateurs de bout en bout avec TestCafé
• Intégration continue avec CircleCI

Empiler

Architecture JAMStack sans serveur :

• Vue.js
• Cadre Quasar
• API Stelace comme backend
• CMS sans tête Stelace
• SDK Stelace.js
• Netlify pour le déploiement de sites statiques et de fonctions lambda

Node.js >= 10.18 est utilisé pour les outils.

Commencer

Vous avez besoin de vos clés API Stelace pour commencer. Bonne nouvelle : Stelace est open source, vous pouvez donc déployer votre propre serveur.

1. Cloner ce référentiel

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

2. Installer node_modules

 # using yarn instead of npm is recommended
yarn

Si vous n'avez pas de fil installé, vous pouvez suivre ces instructions.

3. Créer des fichiers d'environnement pour le développement et la production.

Vous pouvez copier .env.example et le remplir avec les clés API Stelace (les générer avec le projet open source côté serveur).

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

Vous devez remplir les variables d'environnement suivantes :

• STELACE_INSTANT_WEBSITE_URL
• STELACE_PUBLISHABLE_API_KEY ( pubk_ ...) utilisé dans l'application Vue
• STELACE_SECRET_API_KEY ( seck_ ...) utilisé dans les scripts d'amorçage de données
• STELACE_API_URL peut être laissé vide, sauf si vous utilisez votre propre serveur plutôt que api.stelace.com par défaut

Veuillez vous référer à .env.example pour plus de détails sur les variables d'environnement, notamment la carte, la passerelle de paiement, la journalisation et les analyses.

4. Données sur le développement des semences

yarn seed

5. Démarrer le serveur de développement

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

Veuillez vous référer à la documentation Quasar pour plus de détails sur la configuration frontale et les composants.

Développement avec le serveur API Stelace auto-hébergé (backend open-source).

Le serveur API Stelace Core doit être lancé localement avant de démarrer le serveur de ce projet.

Nous devons d’abord lancer les services nécessaires à l’API Stelace Core.

yarn docker:db

Ensuite, nous devons initialiser la base de données avec une configuration instantanée.

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

Les clés API secrètes et publiables seront affichées afin que vous puissiez les utiliser comme variables d'environnement pour ce projet. Vous devrez également définir certaines variables d'environnement telles que STELACE_API_URL (http://127.0.0.1:API_PORT).

Démarrons le serveur.

yarn dev

Veuillez vous référer à .env.example dans le projet stelace-server .

6. Image de marque

Personnalisez l'application avec vos propres couleurs et votre propre marque dans src/styles.json , documentées dans styles.json.md.

Déploiement

Veuillez vous référer à la section des documents de déploiement pour plus de détails.