cPanel Setup (GUI)

Upload Project Files #

1. Log in to cPanel → File Manager.
2. Go to your subdomain folder (e.g. /home/username/admin).
3. Upload your project ZIP file (Quick-Ecommerce-Api.zip).
4. Extract it inside the folder.
5. Ensure files are directly inside the folder (not nested in another directory).

Create Environment File #

1. In File Manager, duplicate .env.example → rename to .env.production.
2. Edit .env.production and set your API URL:

NEXT_PUBLIC_API_URL=https://api.yourdomain.com/api

Install Dependencies #

1. Go to cPanel → Terminal or Application Manager → Run Script.
2. Inside your project folder, run:

npm install

Build the Project #

Still in Terminal or Application Manager, run:

npm run build

This will generate the production files inside the .next folder.

Start the Application in cPanel #

1. Go to cPanel → Setup Node.js App (Application Manager).
2. Create a new app:
   • Node.js version: Use LTS version (18 or 20)
   • Application mode: Production
   • Application root: Path to your project folder (e.g., /home/username/admin)
   • Application startup file: npm start or select the script from the dropdown
3. Click Create Application and then Run NPM Install (if not already done).
4. Start the app from the Application Manager panel.

Verify the Installation #

Visit your subdomain:

https://admin.yourdomain.com

You should now see the Quick-Ecommerce Next.js Admin Panel running in production.