3D Art Gallery Tutorial using Three.js

Installation

You need Node.js installed on your computer. And VSCode as an Editor. Download link:

• https://nodejs.org
• https://code.visualstudio.com/Download

After cloning, or downloading the zip file, on GitHub (green button <> Code) open your terminal, and run:

  npm install

to install all the dependencies. "node_modules" folder will appear at the left in the Explorer files in VsCode.

Then run:

  npx vite

to run the local server. You'll see the URL address and the info help. Like for example:

  VITE v4.3.1  ready in 1759 ms

  ➜  Local:   http://123.4.5.6:7890/
  ➜  Network: use --host to expose  ➜  press h to show help

Deployment to Vercel

To deploy this project to Vercel:

1. Make sure your code is pushed to a GitHub repository.
2. Sign up for a free account on Vercel if you don't have one already.
3. In your Vercel dashboard:
   • Click on "Add New" > "Project"
   • Connect your GitHub account and select this repository
   • Vercel will automatically detect it as a Vite project
   • Keep the default settings (or customize as needed)
   • Click "Deploy"
4. Once deployment is complete, Vercel will provide you with a URL where your 3D Art Gallery is live.