This guide explains how to build a website using Lovable (Vite + React) and upload the finished static site to your cPanel hosting account using FTP.

Step 1 - Install Node.js

Lovable requires Node.js for building your website. Download and install the current LTS version from:

https://nodejs.org

After installation, verify Node.js and npm:

node -v
npm -v

Step 2 - Set Up Your Lovable Project

Clone or create your Lovable project:

git clone https://github.com/your-username/your-lovable-project.git
cd your-lovable-project

Install dependencies:

npm install

Step 3 - Build the Website

Create a production-ready build:

npm run build

This creates a dist/ directory containing your static site files.

Step 4 - Connect to cPanel via FTP

Use an FTP client such as FileZilla, WinSCP, or Cyberduck and connect using:

• Host: yourdomain.com
• Username: your cPanel username
• Password: your cPanel password
• Port: 21

Step 5 - Upload Your Website Files

1. Open the dist/ folder on your computer.
2. On the server, navigate to public_html/ (or the folder for your subdomain).
3. Upload all contents of the dist/ folder, including index.html and the assets directory.

Step 6 - Test Your Website

Visit your website in a browser:

https://yourdomain.com

Your Lovable website should now be live.

Optional - Subdomains or Subfolders

• Subdomain: Upload files to the subdomain document root.
• Subfolder: Upload files to public_html/app/.

Summary

1. Install Node.js.
2. Run npm install.
3. Build with npm run build.
4. Upload dist contents to cPanel.
5. Visit your domain.