marketplace demo

Kit de inicio del mercado

Este kit de inicio Stelace es de uso gratuito, según los términos de la licencia MIT. Siéntete libre de compartir, contribuir o simplemente hacerlo tuyo ❤️.

---

Este kit de inicio ofrece una interfaz de mercado de alto rendimiento similar a AirBnB (Vue.js) con implementación sin servidor preconfigurada basada en el servidor API Stelace de código abierto.

Contenido

• Características ?
  • ¿Rápido por defecto?
  • Integraciones
• Pruebas
• Pila
• Empezando
• Despliegue

Demostración en vivo

También está disponible una plantilla de plataforma enfocada en búsqueda, automatización y tiempo real.

¿Qué es la estela?

Stelace API proporciona API de búsqueda avanzada, gestión de activos y usuarios, automatización y entrega de contenido para plataformas web que van desde mercados de búsqueda intensiva hasta aplicaciones comunitarias en línea. El backend del mercado de código abierto Stelace le permite centrarse en lo que hace que su plataforma sea única.

Documentos API

---

Características ?

• Gestión de activos. Los activos pueden ser cualquier cosa, desde pisos y casas hasta automóviles o conciertos.
• ¿Búsqueda potente y tolerante a errores tipográficos?, según la relevancia y la disponibilidad dinámica
• Autenticación de usuario que incluye inicio de sesión social y SSO
• Gestión de usuarios y valoraciones
• Eventos y mensajería en tiempo real
• ¿Automatización con flujos de trabajo Stelace?
• Proceso de pago personalizable utilizando funciones sin servidor
• ¿CMS sin cabeza? con API de contenido Stelace
• CDN global para imágenes y archivos de usuario
• i18n? y traducciones completas
• Accesibilidad
• …
• y mucho más con Stelace API

¿Rápido por defecto?

Obtenga una puntuación de PageSpeed ​​superior a 90 desde el primer momento:

• Páginas estáticas renderizadas previamente para una carga más rápida, con Vue.js hidratándose en SPA completo.
• División de código con configuración de Webpack optimizada en quasar.conf.js .
• Compresión de imágenes mediante WebP y cambio de tamaño sin servidor mediante AWS Lambda
• Precarga y precarga de recursos
• Listo para PWA gracias a Quasar

Este kit sigue el patrón PRPL: más información en documentos.

Integraciones

Aproveche estas integraciones para comenzar a ejecutar su plataforma aún más rápido:

• Despliegue automatizado y continuo con Netlify
• Pagos de Stripe utilizando funciones de Netlify y flujos de trabajo de Stelace
• Sentry para depurar en entorno de producción
• Mapas y búsqueda de lugares con proveedores de OpenStreetMap
• Google Analytics

Pruebas

• Pruebas de un extremo a otro en varios navegadores con TestCafé
• Integración continua con CircleCI

Pila

Arquitectura JAMStack sin servidor:

• Vue.js
• Marco de cuásar
• Stelace API como backend
• Stelace CMS sin cabeza
• SDK de Stelace.js
• Netlify para implementación de sitios estáticos y funciones lambda

Node.js >= 10.18 se utiliza para herramientas.

Empezando

Necesita sus claves API de Stelace para comenzar. Buenas noticias: Stelace es de código abierto, por lo que puedes implementar tu propio servidor.

1. Clonar este repositorio

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

2. Instalar node_modules

 # using yarn instead of npm is recommended
yarn

Si no tienes hilo instalado, puedes seguir estas instrucciones.

3. Cree archivos de entorno para desarrollo y producción.

Puede copiar .env.example y completarlo con claves API de Stelace (generarlas con el proyecto de código abierto del lado del servidor).

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

Debe completar las siguientes variables de entorno:

• STELACE_INSTANT_WEBSITE_URL
• STELACE_PUBLISHABLE_API_KEY ( pubk _...) utilizado en la aplicación Vue
• STELACE_SECRET_API_KEY ( seck _...) utilizado en scripts de inicialización de datos
• STELACE_API_URL se puede dejar en blanco a menos que utilice su propio servidor en lugar del predeterminado api.stelace.com

Consulte .env.example para obtener más detalles sobre las variables de entorno, incluido el mapa, la pasarela de pago, el registro y el análisis.

4. Datos de desarrollo de semillas.

yarn seed

5. Iniciar el servidor de desarrollo

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

Consulte los documentos de Quasar para obtener más detalles sobre la configuración y los componentes del front-end.

Desarrollando con servidor API Stelace autohospedado (backend de código abierto).

El servidor Stelace Core API debe iniciarse localmente antes de iniciar el servidor de este proyecto.

Primero necesitamos lanzar los servicios que necesita Stelace Core API.

yarn docker:db

Luego necesitamos inicializar la base de datos con la configuración instantánea.

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

Se mostrarán claves de API secretas y publicables para que pueda usarlas como variables de entorno para este proyecto. También necesitarás configurar algunas variables de entorno como STELACE_API_URL (http://127.0.0.1:API_PORT).

Iniciemos el servidor.

yarn dev

Consulte .env.example en el proyecto stelace-server .

6. Herrada

Personalice la aplicación con sus propios colores y marca en src/styles.json , documentado en estilos.json.md.

Despliegue

Consulte la sección de documentos de implementación para obtener más detalles.