prestashop nextjs13

Prestashop next.js 13 Intégration sans tête via l'API WebService

Le projet est toujours en développement, les fonctionnalités sont manquantes et seront ajoutées bientôt

Si vous souhaitez collaborer avec le projet, contactez-moi à [email protected]

Voici un aperçu du projet à l'état actuel

Afficher la démo

Commencer

1. Ajoutez les variables d'environnement nécessaires dans le fichier .env.local :

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

2. Installez les dépendances et démarrez votre serveur:

 npm install
npm run dev

Modèles et appels API

Vous pouvez faire des appels API à l'aide de modèles, voici un exemple:

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

Vous pouvez trouver une liste de tous les modèles dans la documentation de Prestashop 8: https://devdocs.prestashop-project.org/8/webservice/resources/