nextjs starter medusa

Medusa next.jsスターターテンプレート

Medusaのコマースバックエンドのモジュールを最新のNext.js 15の機能を組み合わせて、パフォーマンスのストアフロント用の機能。

前提条件

next.jsスターターテンプレートを使用するには、ポート9000でローカルにMedusaサーバーを実行する必要があります。クイックセットアップのために、実行してください。

npx create-medusa-app@latest

詳細とトラブルシューティングについては、Create-Medusa-Appドキュメントをご覧ください。

概要

Medusa Next.jsスターターは次のように構築されています。

• next.js
• Tailwind CSS
• タイプスクリプト
• メデューサ

機能は次のとおりです。

• 完全なeコマースサポート：
  • 製品の詳細ページ
  • 製品の概要ページ
  • 製品コレクション
  • カート
  • Stripeでチェックアウト
  • ユーザーアカウント
  • 詳細を注文します
• フルNext.js 15サポート：
  • アプリルーター
  • 次のフェッチ/キャッシュ
  • サーバーコンポーネント
  • サーバーアクション
  • ストリーミング
  • 静的プレレンダリング

クイックスタート

環境変数のセットアップ

プロジェクトディレクトリに移動し、環境変数を準備してください。

 cd nextjs-starter-medusa/
mv .env.template .env.local

依存関係をインストールします

糸を使用して、すべての依存関係をインストールします。

yarn

開発を開始します

これで、プロジェクトを起動する準備ができました。

yarn dev

コードを開き、カスタマイズを開始します

あなたのサイトは現在、http：// localhost：8000で実行されています！

支払い統合

デフォルトでは、このスターターは次の支払い統合をサポートしています

• ストライプ

統合を有効にするには、 .env.localファイルに以下を追加する必要があります。

NEXT_PUBLIC_STRIPE_KEY= < your-stripe-public-key >

また、Medusaサーバーの統合をセットアップする必要があります。 Stripeの構成方法の詳細については、Medusaのドキュメントを参照してください。

リソース

Medusaの詳細をご覧ください

• Webサイト
• github
• ドキュメント

next.jsの詳細をご覧ください

• Webサイト
• github
• ドキュメント