strapi starter next ecommerce

deed廃止

このリポジトリは維持されなくなり、Strapi V3でのみ機能します。最新のStrapi V4スターターを見つけるには、Starters-and-Templates Monorepoをご覧ください。

---

Strapi Starter next.js eコマース

Strapiを使用してシンプルなeコマースWebサイトを作成するためのnext.jsスターター。

このスターターを使用すると、開発者のステッカーを購入できるシンプルなeコマースWebサイトの例で、next.jsでstrapiを試すことができます。完全にカスタマイズ可能であり、オープンソースであり、貢献に対して完全に開かれているためです。だから、新しい機能を追加してバグを報告することをheしないでください！

このスターターは、Strapi Eコマーステンプレートを使用します

こちらのすべてのスターターをご覧ください

特徴

• 1つのコンポーネント
• 2つのコレクションタイプ：製品、カテゴリ
• 27の作成製品
• 6つのカテゴリを作成しました
• 製品とカテゴリにtrueに設定されています
• Tailwind CSSを使用したレスポンシブデザイン
• スラッグシステム
• 出版システム（ドラフトと公開）
• ロールベースのアクセスコントロール
• Snipcartで処理された支払い

このスターターは、あらゆるウェブサイトでショッピングカートをセットアップできるSnipcartを使用しています。彼らはあなたにこのウェブサイトを作成する方法を教えるチュートリアルを書きましたが、カップケーキを販売しています！

支払いはLocalHostでは機能しません。支払いをローカルでテストする場合は、このチュートリアルにリダイレクトしています。

はじめる

create-strapi-starter CLIを使用してプロジェクトを作成します。

npx create-strapi-starter@3 my-site next-ecommerce

CLIは、モノレポを作成し、依存関係をインストールし、プロジェクトを自動的に実行します。

次のFrontendサーバーはここで実行されます=> http：// localhost：3000

Strapi BackEndサーバーはここで実行されます=> http：// localhost：1337

生産への展開

frontendプロジェクトとbackendプロジェクトを個別に展開する必要があります。それぞれを展開するドキュメントは次のとおりです。

• Strapiを展開します
• 次に展開します

制作アプリの環境変数をセットアップすることを忘れないでください：

フロントエンドの場合、次の環境変数が必要です。

• NEXT_PUBLIC_STRAPI_API_URL ：strapiバックエンドのurl。

このスターターをお楽しみください！