フルスタックのオープンソース電子商取引の夢を追う


あなたはそれがゼロからecommerceストアを構築するようなものだろうか?すべてのこれらの注文、製品、カテゴリなどを扱う時間と時間がかかるリソースは、市場のリーダーになるために競合他社を打ちたいと思っている人として持っていない可能性がありますリソースです.そして、私はあなたが何もから始めるのではなく、固体レゴレンガ成分からお店を構築するために使用できるツールが既に実装されていることをあなたに言った場合はどうですか?そして、これらのツールは、可能な限り最高のプロジェクトを構築するために彼らの知識を共有している世界中の何千人もの開発者によってサポートされている場合は?そして最後に、私は、これらのツールは無料でオープンソースであり、あなたが数分でそれらをテストすることができますし、開発者がソフトウェアを構築するために待っているのではなく、週または数ヶ月待って、単一の行のコマンドを使用していることを教えてください?それは夢のように聞こえませんか?
私はあなたに夢のスタックをプレゼントVue Storefront & Vendure .
我々は最近Vueで話をした.ロンドンについては、ここでチェックアウトすることができます

ドリームスタック
Vue Storefrontは、ヘッドレスの商業のための稲妻の速いフロントエンドプラットホームです.あなたのサイトのパフォーマンスを向上させる、顧客の旅の形状とVueストレージフロント、あなたが必要となる最後のフロントエンドとの開発者の創造性を解放します.

ベンダーは、それがあなたの選択のテクノロジーであなたの店正面アプリケーションを実装するのを自由にして、そのGLLQL APIを通して内容を届けるという意味で、ヘッドレスフレームワークです.ベンダーは開発者の生産性を最優先にするフレームワークは、typemcriptで書かれ、NPMの生態系に組み込まれています.typescriptとgraphqlの組み合わせはエンドツーエンド型の安全性を提供します.


テストしてもいいですか.
はい、あなたはできます!Vueの店舗とベンダーの統合は、現在のバージョン1.0.0では、すでにテストすることができます!

ベンダー
まず、ローカルのベンダーサーバーを設定する必要があります.あなたのニーズに最適なオプションを選択します.
npx @vendure/create <project_name>
このチュートリアルでは、最も簡単な設定を選びます.
  • SQLiteのデータベース
  • プログラミング言語としてのタイプスクリプト
  • 模擬データを収容する
  • 管理者用のユーザ名とパスワード
  • 次に、プロジェクトディレクトリに移動し、AventOptionsプロパティを変更します.設定.TS
    cd <project_name> 
    
    // vendure-config.ts
    
      ...
      authOptions: {
        tokenMethod: 'bearer', // authorization header method
        requireVerification: false, // disable register by email verification
      },
    
    最後に、サーバーを起動します
    yarn start
    

    Vue貯蔵所
    まず最初に、Vue Storefront CLIをグローバルにインストールします
    yarn global add @vue-storefront/cli
    
    次に、プロジェクトを初期化し、名前を置き換えます
    vsf init <project_name>
    
    選択販売
    その後、プロジェクトディレクトリとコピーに移動します.環境変数ファイルの例.env
    cd <project_name>
    
    cp .env.example .env
    
    最後に、依存関係をインストールし、開発モードでプロジェクトを起動します
    yarn
    
    yarn dev
    
    そして、それ!何らかの点で迷子になったらチェックアウトしてください.

  • Integration docs

  • 概要
    あなたは成功を収めたモダンな技術を使用してフルスタックオープンソースのeコマースストアを作成しました.よくできた!
    あなたが経験が好きであるならば、これらのプロジェクトのすべてでGithubスターを確実にしてください.
  • Vendure
  • Vue Storefront
  • Vue Storefront & Vendure Integration

  • ボーナス
    ベンダ、Vueの店舗と統合自体についての詳細を知るためにチェックアウト.