marketplace demo

Paket pemula pasar

Starter kit Stelace ini gratis untuk digunakan, berdasarkan ketentuan lisensi MIT. Jangan ragu untuk bercabang, berkontribusi, atau menjadikannya milik Anda sendiri ❤️.

---

Starter kit ini menawarkan front-end pasar (Vue.js) seperti AirBnB berkinerja tinggi dengan penerapan tanpa server yang telah dikonfigurasi sebelumnya berdasarkan server Stelace API sumber terbuka.

Isi

• Fitur ?
  • Cepat secara default?
  • Integrasi
• Pengujian
• Tumpukan
• Memulai
• Penyebaran

Demo Langsung

Templat platform yang berfokus pada pencarian, otomatisasi, dan waktu nyata juga tersedia.

Apa itu Stelace?

Stelace API menyediakan pencarian tingkat lanjut, manajemen aset dan pengguna, otomatisasi dan API pengiriman konten untuk platform Web mulai dari pasar intensif pencarian hingga aplikasi komunitas online. Backend pasar sumber terbuka Stelace memungkinkan Anda fokus pada apa yang membuat platform Anda unik.

Dokumen API

---

Fitur ?

• Manajemen aset. Aset bisa berupa apa saja, mulai dari apartemen, rumah, hingga mobil atau konser
• Pencarian yang kuat dan toleran terhadap kesalahan ketik?, berdasarkan relevansi dan ketersediaan dinamis
• Otentikasi pengguna termasuk login sosial & SSO
• Manajemen pengguna dan Peringkat
• Acara dan Pesan Real-time
• Otomatisasi dengan Alur Kerja Stelace?
• Proses pembayaran yang dapat disesuaikan menggunakan fungsi tanpa server
• CMS tanpa kepala? dengan Stelace Konten API
• CDN global untuk gambar dan file pengguna
• i18n ? dan terjemahan lengkap
• Aksesibilitas
• …
• dan masih banyak lagi dengan Stelace API

Cepat secara default?

Dapatkan skor 90+ PageSpeed ​​secara langsung:

• Halaman statis yang telah dirender sebelumnya untuk memuat halaman tercepat, dengan Vue.js terhidrasi menjadi SPA penuh.
• Pemisahan kode dengan konfigurasi Webpack yang dioptimalkan di quasar.conf.js .
• Kompresi gambar menggunakan WebP dan pengubahan ukuran tanpa server menggunakan AWS Lambda
• Pengambilan sumber daya dan pramuat sumber daya
• Siap PWA berkat Quasar

Kit ini mengikuti pola PRPL: info lebih lanjut ada di dokumen.

Integrasi

Manfaatkan integrasi ini untuk mulai menjalankan platform Anda lebih cepat:

• Penerapan otomatis dan berkelanjutan dengan Netlify
• Pembayaran Stripe menggunakan fungsi Netlify dan alur kerja Stelace
• Penjaga untuk debugging di lingkungan produksi
• Pencarian peta dan tempat dengan penyedia OpenStreetMap
• Google Analitik

Pengujian

• Pengujian lintas browser ujung ke ujung dengan TestCafé
• Integrasi berkelanjutan dengan CircleCI

Tumpukan

Arsitektur JAMStack tanpa server:

• Vue.js
• Kerangka quasar
• Stelace API sebagai backend
• CMS tanpa kepala Stelace
• SDK Stelace.js
• Netlify untuk penerapan fungsi situs statis dan lambda

Node.js >= 10.18 digunakan untuk perkakas.

Memulai

Anda memerlukan kunci API Stelace untuk memulai. Kabar baik: Stelace adalah sumber terbuka sehingga Anda dapat menggunakan server Anda sendiri.

1. Kloning repositori ini

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

2. Instal node_modules

 # using yarn instead of npm is recommended
yarn

Jika Anda belum memasang benang, Anda dapat mengikuti petunjuk berikut.

3. Buat file lingkungan untuk pengembangan dan produksi.

Anda dapat menyalin .env.example dan mengisinya dengan kunci Stelace API (buat dengan proyek sumber terbuka sisi server).

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

Anda perlu mengisi variabel lingkungan berikut:

• STELACE_INSTANT_WEBSITE_URL
• STELACE_PUBLISHABLE_API_KEY ( pubk_ ...) digunakan di aplikasi Vue
• STELACE_SECRET_API_KEY ( sec_ ...) digunakan dalam skrip penyemaian data
• STELACE_API_URL dapat dikosongkan kecuali Anda menggunakan server Anda sendiri, bukan api.stelace.com default

Silakan merujuk ke .env.example untuk detail lebih lanjut tentang variabel lingkungan, termasuk peta, gateway pembayaran, logging, dan analitik.

4. Data perkembangan benih

yarn seed

5. Mulai server pengembangan

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

Silakan merujuk ke dokumen Quasar untuk detail lebih lanjut tentang konfigurasi dan komponen front-end.

Berkembang dengan server Stelace API yang dihosting sendiri (backend sumber terbuka).

Server Stelace Core API harus diluncurkan secara lokal sebelum memulai server proyek ini.

Pertama kita perlu meluncurkan layanan yang dibutuhkan oleh Stelace Core API.

yarn docker:db

Kemudian kita perlu menginisialisasi database dengan konfigurasi Instan.

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

Kunci api rahasia dan dapat dipublikasikan akan ditampilkan sehingga Anda dapat menggunakannya sebagai variabel lingkungan untuk proyek ini. Anda juga perlu menyetel beberapa variabel lingkungan seperti STELACE_API_URL (http://127.0.0.1:API_PORT).

Mari kita mulai servernya.

yarn dev

Silakan merujuk ke .env.example di proyek stelace-server .

6. merek

Sesuaikan aplikasi dengan warna dan merek Anda sendiri di src/styles.json , yang didokumentasikan di style.json.md.

Penyebaran

Silakan merujuk ke bagian dokumen penerapan untuk lebih jelasnya.