Laundry Website Installation Guide

Follow these steps to install your Nuxt.js Laundry Website on Namecheap cPanel.

Step 0: Required Tools & Files

  • Node.js installed on your local PC (check with node -v and npm -v).
  • Code editor installed (VS Code recommended).
  • Namecheap cPanel access.
  • Main domain created (e.g., https://laundry.com).
  • Subdomain for Admin panel (e.g., https://admin.laundry.com).
  • Website project folder ready on your local machine.

Step 1: Check Node.js on Local PC

Open terminal and run the following to verify Node.js installation:

node -v
npm -v

If Node.js is not installed, download from Node.js Official Site.

Step 2: Create Admin Subdomain in Namecheap

  1. Login to Namecheap cPanel.
  2. Go to Domains → Subdomains.
  3. Enter subdomain name (e.g., admin) and select main domain (laundry.com).
  4. Click Create.
  5. After creation, the subdomain URL will be https://admin.laundry.com.

Step 3: Open Project in Code Editor

Open your website project folder in VS Code (or any preferred code editor) and open the terminal inside the editor to run commands.

Step 4: Set Admin Panel Base URL in .env

Open the .env file and set the APP_URL pointing to your Admin Panel API:

Example: 
APP_URL=https://admin.laundry.com/api

Step 5: Build the Website

Run the following commands in the terminal inside your project folder:

npm install
npm run build
npm run generate

This will create a dist folder ready for deployment.

Step 6: Upload Website to Namecheap cPanel

  1. Login to cPanel and go to main domain root directory (public_html).
  2. Click Upload and upload the dist folder.
  3. After uploading, unzip the folder.
  4. Visit https://laundry.com to verify the website.

Step 7: Verify & Test

  • Open the main domain in a browser and check website functionality.
  • Open the admin panel subdomain and login to verify API connectivity.
  • Test all website features to confirm full functionality.
Important Notes & Tips:
  • The .env file is critical. Incorrect APP_URL → API won’t connect.
  • npm run generate creates static files for deployment.
  • Maintain correct file structure while uploading to cPanel.
  • Check browser console for errors after deployment.