Deploy status:
Forked from Stelace Marketplace template: Full Vue.js marketplace front-end with pre-configured serverless deployment.
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.
We’ve set up continuous deployment with Netlify.
dev
for development and test environment, including pending PRs deployed to Netlify preview subdomainsworkingoo
for live environment, automatically deployed after any commit on this branchmaster
is used to pull changes fromupstream/jobs
, and must be kept in exact sync with no local change.
Usual sequence of commands:
git checkout master
git fetch upstream
git merge upstream/jobs
git checkout dev
# Resolve any conflict
git merge master
# Check everything is ok on staging website (Netlify CD)
git push
# Deploy live
git checkout workingoo
git merge dev
git push
- Asset management and platform transaction process 📈
- Powerful and typo-tolerant Search 🔍, on a relevance and dynamic availability basis
- User authentication
- 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
Leverage these integrations to start running your platform even faster:
- Automated and continuous deployment with Netlify
- Maps and place search with OpenStreetMap providers
- Stripe subscriptions to monetize your premium features
- Sentry for logging in production environment
- Phone validation with Nexmo
- Google Analytics
Serverless JAMStack architecture:
- Vue.js
- Quasar framework
- Stelace API as backend
- Stelace headless CMS
- Stelace.js SDK
Node.js >= 8.9 is used for tooling.
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.
You first need to get your Stelace API Keys. Good news: it’s free.
Note: this template uses advanced features available in Business plans or higher, such as Organizations.
- Clone this repository (replace with your fork URL)
git clone https://github.com/stelace/jobs-marketplace-template.git
cd jobs-marketplace-template
- Install node_modules
# using yarn instead of npm is recommended
yarn
If you don’t have yarn installed, you can follow these instructions.
- 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
You can get your API Keys in Stelace Dashboard.
- Start the development server
yarn dev
# same as
quasar dev
Please refer to Quasar docs for more details about configuration and info on components.
- Seed development data
yarn seed