この Stelace スターター キットは、MIT ライセンスの条件に基づいて無料で使用できます。自由にフォークしたり、貢献したり、独自のものを作成したりできます❤️。
このスターター キットは、オープンソースの Stelace API サーバーに基づいて事前構成されたサーバーレス展開を備えた、高性能の AirBnB のようなマーケットプレイス フロントエンド (Vue.js) を提供します。
ライブデモ
検索、自動化、リアルタイムに重点を置いたプラットフォーム テンプレートも利用できます。
ステラスとは何ですか?
Stelace API は、検索集中型のマーケットプレイスからオンライン コミュニティ アプリに至るまで、Web プラットフォーム向けに高度な検索、資産とユーザーの管理、自動化、およびコンテンツ配信 API を提供します。 Stelace オープンソース マーケットプレイス バックエンドを使用すると、プラットフォームをユニークなものにすることに集中できます。
APIドキュメント
すぐに 90 以上の PageSpeed スコアを獲得:
quasar.conf.js
の最適化された Webpack 構成によるコード分割。このキットは PRPL パターンに従っています。詳細についてはドキュメントを参照してください。
これらの統合を活用して、プラットフォームの実行をさらに迅速に開始します。
サーバーレス JAMStack アーキテクチャ:
Node.js >= 10.18 がツールに使用されます。
開始するには、Stelace API キーが必要です。良いニュース: Stelace はオープンソースなので、独自のサーバーをデプロイできます。
git clone https://github.com/stelace/marketplace-demo.git
cd marketplace-demo
# using yarn instead of npm is recommended
yarn
Yarn がインストールされていない場合は、次の手順に従ってください。
.env.example
をコピーし、Stelace API キーを入力できます (サーバー側のオープンソース プロジェクトで生成します)。
cp .env.example .env.development
# You may want to use live keys in this file
cp .env.example .env.production
次の環境変数を入力する必要があります。
STELACE_INSTANT_WEBSITE_URL
STELACE_PUBLISHABLE_API_KEY
( pubk_ ...)STELACE_SECRET_API_KEY
( seck_ ...)api.stelace.com
ではなく独自のサーバーを使用する場合を除き、 STELACE_API_URL
空白のままにすることができます。マップ、支払いゲートウェイ、ロギング、分析などの環境変数の詳細については、 .env.example
を参照してください。
yarn seed
quasar dev
# or, if you want to run Netlify functions with stripe payments as well:
yarn dev
フロントエンド構成とコンポーネントの詳細については、Quasar のドキュメントを参照してください。
このプロジェクトのサーバーを起動する前に、Stelace Core API サーバーをローカルで起動する必要があります。
まず、Stelace Core API に必要なサービスを起動する必要があります。
yarn docker:db
次に、インスタント構成を使用してデータベースを初期化する必要があります。
cd /path/to/stelace-core
git checkout dev
yarn setup:instant
秘密の API キーと公開可能な API キーが表示されるので、それをこのプロジェクトの環境変数として使用できます。 STELACE_API_URL
(http://127.0.0.1:API_PORT) などのいくつかの環境変数も設定する必要があります。
サーバーを起動しましょう。
yarn dev
stelace-server
プロジェクトの.env.example
を参照してください。
src/styles.json
で独自の色とブランドを使用してアプリをカスタマイズします (styles.json.md に文書化されています)。
詳細については、展開ドキュメントのセクションを参照してください。