Overview
The Stelace-platform-runner is a free starter kit for building a high-performance marketplace front-end using Vue.js. It comes pre-configured with serverless deployment based on the open-source Stelace API server. The Stelace API provides advanced search, asset and user management, automation, and content delivery APIs for web platforms. The starter kit includes features such as asset management, powerful search, user authentication and management, real-time events and messaging, customizable payment process, headless CMS, global CDN for images and user files, and more. The kit follows the PRPL pattern and includes integrations with Netlify, Stripe, Sentry, and OpenStreetMap providers.
Features
- Fast by default: Get 90+ PageSpeed score out of the box, with pre-rendered static pages and code-splitting for optimized performance.
- Integrations: Leverage automated and continuous deployment with Netlify, Stripe payments using Netlify functions and Stelace workflows, Sentry for debugging in production, and maps and place search with OpenStreetMap providers.
- Testing: Perform end-to-end cross-browser testing with TestCafé and continuous integration with CircleCI.
- Stack: Built on a serverless JAMStack architecture using Vue.js, the Quasar framework, Stelace API as the backend, Stelace headless CMS, Stelace.js SDK, and Netlify for static site and lambda functions deployment.
Installation
To get started with the Stelace-platform-runner, follow these steps:
- Clone this repository.
- Install the necessary node modules.
- Create environment files for development and production by copying the
.env.examplefile and filling it with your Stelace API keys. - Fill the required environment variables in the
.envfile.
$ git clone [repository-url]
$ cd [repository-directory]
$ npm install
$ cp .env.example .env
# Fill in the necessary environment variables in the .env file
Summary
The Stelace-platform-runner is a free starter kit for building a high-performance marketplace front-end using Vue.js. It includes features such as asset management, powerful search, user authentication and management, real-time events and messaging, customizable payment process, and more. The kit follows the PRPL pattern and includes integrations with Netlify, Stripe, Sentry, and OpenStreetMap providers. To get started, clone the repository, install the necessary node modules, and set up the required environment variables.