Architecture

This storefront follows the project structure of the Next.js framework. If you are familiar with Next.js and React.js you can easily start working with this e-commerce template.

Next.js Extensibility

This Next.js e-commerce app doesn’t use any special frameworks; it’s built using standard React.js and Next.js concepts. This makes it easy for developers to customize and extend the template to meet business needs, making it an excellent Next.js boilerplate starter.

The Philosophy Behind the Storefront

The main focus of the React.js e-commerce app is to enhance the online shopping experience by delivering seamless front-end visuals and improved smoothness.

It is not designed to act as a middleware or API gateway or API orchestrator for scaling web apps. However, if you are decoupling a monolithic system you may need to deal with handling APIs and your data flow. This storefront is the first step in this process, as it can be customized and extended to fit any architecture.

Looking to use a new storefront for scaling?

We have in mind that, if we want to scale, we should avoid handling everything at this level. Front-end developers should focus on the front-end application rather than handling heavy processes and data flows.

Scaling is a big process and is not limited to the presentation layer and front-end part. Keeping this Next.js e-commerce app isolated and as simple as possible helps us to develop and adapt to business needs more easily by focusing on front-end matters.

Next.js Storefront General Picture

API Gateway

We have directly connected the Next.js storefront to the e-commerce API. The API instance can function as an API gateway, allowing you to aggregate other APIs and services.

In a more engineered scenario, an API gateway needs to be developed, allowing you to connect the e-commerce API to your custom-developed gateway. Additionally, the current API used in this project can serve as one of the inputs to your API gateway.

Headless E-Commerce API

Many websites have been using our officially supported REST API that you can check on the PrestaShop Addos. You can also check the demo version on Binshops website.