prestashop nextjs13

Prestashop next.js 13 WebService APIを介したヘッドレス統合

プロジェクトはまだ開発中であり、機能が欠落しており、すぐに追加されます

プロジェクトと協力したい場合は、[email protected]までご連絡ください

これが現在のステータスでのプロジェクトのプレビューです

デモを表示します

はじめる

1. 必要な環境変数を.env.localファイルに追加します：

 PS_URI=http://www.example.it
PS_API_KEY=THEPRESTASHOPWEBSERVICEKEY

2. 依存関係をインストールし、サーバーを起動します。

 npm install
npm run dev

モデルとAPI呼び出し

モデルを使用してAPI呼び出しを行うことができます。例を以下に示します。

 import { Product } from "./Prestashop/models";

export default async function ExampleComponent() {

  // get the first 5 products from the webservice api
  const products = await Product.find({}, { limit: 5 });
  
  return (<div>
    {products.map((product) => (
      <div key={product.id}>
        <div>{product.name}</div>
        <div>{product.price_normal}</div>
        <div>{product.price_reduced}</div>
      </div>
    ))}
  </div>);
  
}

Prestashop 8ドキュメント：https：//devdocs.prestashop-project.org/8/webservice/resources/ですべてのモデルのリストを見つけることができます。