Installation Guide

After purchasing Nextall – React Multivendor Ecommerce Script, you will receive a .zip file.
Inside the zip, you will find two folders:

nextall-be → Backend (APIs, authentication, payments, vendor & admin logic)
nextall-fe → Frontend (UI, user experience, vendor dashboard, admin panel)

Backend Setup (nextall-be)

The backend is built with Node.js, Express, and MongoDB. It manages all APIs, authentication, vendor commissions, orders, and payments.

The Nextall backend (nextall-be) is developed with the latest technologies:

Node.js
Express
JavaScript
MongoDB
Mongoose

Prerequisites

Before you start, make sure you have the following installed:

Node.js (v18 or above recommended)
npm (comes with Node.js) or yarn/pnpm
A running instance of the backend (nextall-be)

Steps to Run Backend

Open the main project folder in VSCODE
Navigate to the nextall-be folder:
```
cd nextall-be
```
Install the dependencies
```
npm i
```
Update the .env.example file into .env
```
cp .env.example .env
```

Update the .env file with your own values:


MONGODB_URI=your_mongo_connection_string
PORT=5000
JWT_SECRET=your-secret-key

Run the backend server:
```
npm run dev
```
✅ Success
Your backend server is running successfully on http://localhost:5000

Frontend Installation Guide

The Nextall Frontend (nextall-fe) is developed with the latest technologies:

Next.js 15 (App Router)
React 19 (JavaScript)
Material UI v7
Redux Toolkit
Formik + Yup
Embla Carousel
React ApexCharts
Prettier + ESLint

This frontend application is responsible for rendering all the UI elements, user experience, and interacting with the backend APIs. The backend (nextall-be) handles the database, authentication, business logic, and API responses, while the frontend (nextall-fe) consumes those APIs and provides a rich and modern eCommerce experience.

Navigate to the nextall-fe folder:
```
cd nextall-fe
```
Install the dependencies
```
npm i
```
Update the .env.development.example file into .env.development, and .env.production.example file into .env.production
```
cp .env.development.example .env.development && cp .env.production.example .env.production
```

Update the .env file with your own values:


NEXT_PUBLIC_API_URL=http://localhost:5000
JWT_SECRET=your-secret-key

Run the server:
```
npm run dev
```
✅ Success
Your frontend server is successfully running on http://localhost:3000