🚀 Deployment on Vercel

This guide explains how to deploy Nextall (Backend + Frontend) on Vercel.
Your project structure looks like this:

Deployment happens in two steps:

1. Deploy Backend (nextall-be)
2. Deploy Frontend (nextall-fe) using backend URL as BASE_URL in production environment.

1. Deploy Backend (nextall-be)

The backend is a Node.js + Express application.

Steps:

1. Push your nextall-be folder to a separate GitHub repository (e.g., nextall-be).
2. Go to Vercel Dashboard .
3. Create a New Project → Import the nextall-be repository.
4. Set Environment Variables in Vercel:
   • Go to Settings → Environment Variables
   • Add variables from your .env.production file (refer to Installation docs).
5. Go to Settings → General:
   • Change Build & Output Settings → Node.js Server
   • Ensure the backend uses vercel.json with:

{
  "version": 2,
  "builds": [{ "src": "server.js", "use": "@vercel/node" }],
  "routes": [{ "src": "/(.*)", "dest": "server.js" }]
}

6. Deploy → Vercel will provide you with a backend URL like: (https://nextall-backend.vercel.app )

2. Deploy Frontend (nextall-fe)

The frontend is a Next.js app.

Steps:

1. Push your nextall-be folder to a separate GitHub repository (e.g., nextall-be).
2. Go to Vercel Dashboard .
3. Create a New Project → Import the nextall-be repository.
4. Set Environment Variables in Vercel:
   • Go to Settings → Environment Variables
   • Add variables from your .env.production file (refer to Installation docs).
5. Deploy → Vercel will provide you with a Fronted URL like: (https://nextall-front-end.vercel.app )

You have successfully deployed Nextall on Vercel. 🚀

• Backend (nextall-be) is live and serving API requests.
• Frontend (nextall-fe) is connected to your backend and accessible via your Vercel domain.

Now you can start exploring your marketplace, onboard vendors, and let users shop seamlessly! 🛍️