Prestashop Next.js 13 Headless integration through Webservice API

The project is still in development, functionalities are missing and will be added soon

If you'd like to collaborate with the project contact me at info@andreapossidente.dev

Here is a preview of the project at current status

View Demo

Getting Started

1. Add the needed Environment Variables into .env.local file:

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

2. Install dependencies and start your server:

npm install
npm run dev

Models and API Calls

You can do api calls using models, here is an example:

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

you can find a list of all models in prestashop 8 documentation: https://devdocs.prestashop-project.org/8/webservice/resources/