StrapiスターターnuxtJS電子商取引

あなたが我々のブログの内容に従うならば、あなたはREMIと私がスターターの作成に乗り出したことに気づいています.私はblog starter using Gatsby アンドリエイcorporate site starter using Next.js だけでなくportfolio starter using Gridsome . さて、今日はNuxtを使って電子商取引のスターターを発表してうれしいです.jsとsnipcartが公開されました!

このスターターは、あなたが作った統合ショッピングカートでdevステッカーを買うことができるシンプルな電子商取引アプリケーションですSnipcart . 超簡単に統合するには、SnipCartは、可能性を提供する製品、ダウンロード、またはサブスクリプションをオンラインで販売する.

機能のstrapi

1コンポーネント

2コレクションタイプ:製品、カテゴリー

27作成製品

6作成カテゴリ

パーミッションtrue 製品とカテゴリ

風変わりなCSSを用いた応答設計

スラッグシステム

出版システム

役割ベースのアクセス制御

Nuxtの特徴。js

@nuxt/strapi モジュール

支払サービス

このスターターはSnipcart どのウェブサイト上でショッピングカートを設定することができます.
彼らは書いたtutorial どのようにこのウェブサイトを作成する方法を教えるカップケーキを販売!
支払いはlocalhostで動作しません、我々はあなたにこれをリダイレクトしていますtutorial あなたがローカルで支払いをテストしたいならば.

始める

クローンrepository

git clone https://github.com/strapi/strapi-starter-nuxt-e-commerce.git
cd strapi-starter-nuxt-e-commerce

バックエンド
依存関係をインストールして、サーバーを走らせてください

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop

フロントエンド

# Using yarn
yarn install
yarn develop

# Using npm
npm install
npm run develop

NuxtJSサーバはここで実行中ですhttp://localhost:3000
このスターターを楽しむ
あなたがこのスターターが好きで、もう一つのフロントエンドフレームワーク(vue . js、next . jsまたは例えば11ティー)でそれのバージョンを開発したいならば.お気軽にトピックのアイデアを提出するhere !
このブログの記事を読むのに時間を割いていただき、ありがとうございました.また、新しいスターター(再びGridsomeで)であなたに会います
このスターターをお楽しみください!