prestashop nextjs13

Prestashop Next.js 13 Integration Headless من خلال 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/