Skip to content
Open-source marketplace front-end powered by Stelace API including search, platform automation, user management, transactions, real-time messaging, ratings and much more ⚡️
Vue JavaScript CSS HTML
Branch: dev
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
docs
scripts fix: typo in seed data Sep 16, 2019
src-ssr init: Stelace Jobs marketplace template Jul 1, 2019
src css(AppFooter): centering links Sep 16, 2019
.editorconfig init: Stelace Jobs marketplace template Jul 1, 2019
.env.example chore: remove unused env variable Aug 29, 2019
.eslintignore init: Stelace Jobs marketplace template Jul 1, 2019
.eslintrc.js init: Stelace Jobs marketplace template Jul 1, 2019
.gitignore init: Stelace Jobs marketplace template Jul 1, 2019
.npmrc chore: fix npm warning due to yarn Aug 7, 2019
.postcssrc.js init: Stelace Jobs marketplace template Jul 1, 2019
.stylintrc init: Stelace Jobs marketplace template Jul 1, 2019
LICENSE init: Stelace Jobs marketplace template Jul 1, 2019
README.md chore: add netlify status badge to readme Aug 30, 2019
babel.config.js init: Stelace Jobs marketplace template Jul 1, 2019
netlify.toml refactor(cd): use | as sed delimiter in netlify.toml Sep 13, 2019
package.json chore(deps): upgrade stelace SDK Sep 13, 2019
quasar.conf.js chore: remove unused env variable Aug 29, 2019
yarn.lock chore(deps): upgrade stelace SDK Sep 13, 2019

README.md

Stelace-platform-runner

Deploy to Netlify

Vue marketplace starter kit

This Stelace starter kit is free to use, under the terms of the MIT license. Feel free to fork, contribute or just make it your own ❤️.


This starter kit offers a full AirBnB-like marketplace front-end (Vue.js) with pre-configured serverless deployment.

Live Demo

marketplace-demo-screenshot

A platform template focused on search, automation and real-time is also available.

What is Stelace?

Stelace API provides search, inventory and user management infrastructure and APIs for Web platforms, ranging from search-intensive marketplaces to online community apps. Stelace offers powerful backend and APIs including advanced search, automation, and content delivery, to let you focus on what makes your platform unique.

API Docs

Conventional Commits Netlify Status

Features 🎁

  • Asset management and platform transaction process 📈
  • Powerful and typo-tolerant Search 🔍, on a relevance and dynamic availability basis
  • User authentication including social login & SSO
  • User management and Ratings ⭐️
  • Real-time Events and Messaging
  • Automation with Stelace Workflows 🚥
  • Headless CMS 📃 with Stelace Content API
  • Global CDN for images and user files
  • i18n 🌍 and full translations
  • Performance (90+ Lighthouse score) 🏁
  • Accessibility
  • Built-in debugging for production
  • and much more with Stelace API

Integrations

Leverage these integrations to start running your platform even faster:

  • Automated and continuous deployment with Netlify
  • Maps and place search with OpenStreetMap providers
  • Sentry for logging in production environment
  • Google Analytics

Stack

Serverless JAMStack architecture:

Node.js >= 8.9 is used for tooling.

Stelace Dashboard

You will be able to use official Stelace dashboard, enabling your team to access real-time stats, settings, live design and content editing with translation tools, asset and user management, and much more.

Stelace Dashboard

Getting started

You need your Stelace API Keys to get started. Good news: it’s free.

  1. Clone this repository
git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo
  1. Install node_modules
# using yarn instead of npm is recommended
yarn

If you don’t have yarn installed, you can follow these instructions.

  1. Create environment files for development and production.

You can copy .env.example and fill it with Stelace API keys.

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

You need to fill the following environment variables:

  • STELACE_INSTANT_WEBSITE_URL
  • STELACE_PUBLISHABLE_API_KEY (pubk_...) used in Vue app
  • STELACE_SECRET_API_KEY (seck_...) used in data seeding scripts
  1. Start the development server
yarn dev
# same as
quasar dev

Please refer to Quasar docs for more details about configuration and info on components.

  1. Seed development data
yarn seed
For Stelace Team or partners developing with local API server.

Stelace Core API server has to be launched locally before starting this project's server.

First we need to launch services needed by Stelace Core API.

yarn docker:db

Then we need to initialize the database with Instant configuration.

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

Secret and publishable api keys will be displayed so you can use it as environment variables for this project.

Let’s start the server.

yarn dev

You’ll probably need to set some environment variables such as STELACE_API_URL (http://127.0.0.1:API_PORT).

Please refer to.env.example.

Deployment

We’ve set up continuous deployment for you with Netlify.

You just have to click "Deploy to netlify" above and follow the instructions to deploy.

Please refer to deployment docs section for more details or alternatives.

You can’t perform that action at this time.