prestashop nextjs13

Prestashop Next.js 13 Headless Integration über WebService API

Das Projekt ist noch in der Entwicklung, Funktionen fehlen und werden in Kürze hinzugefügt

Wenn Sie mit dem Projekt zusammenarbeiten möchten, kontaktieren Sie mich unter [email protected]

Hier finden Sie eine Vorschau des Projekts zum aktuellen Status

Demo anzeigen

Erste Schritte

1. Fügen Sie die erforderlichen Umgebungsvariablen in .Env.local -Datei hinzu:

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

2. Installieren Sie Abhängigkeiten und starten Sie Ihren Server:

 npm install
npm run dev

Modelle und API -Anrufe

Sie können API -Anrufe mit Modellen durchführen. Hier ist ein Beispiel:

 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>);
  
}

Sie finden eine Liste aller Modelle in Prestashop 8 Dokumentation: https://devdocs.prestashop-project.org/8/webservice/resources/