https://www.youtube.com/watch?v=lFSOTykOBcU&t=2735s&pp=ygUXaGFja2VycmFuayAzZCBwb3J0Zm9saW8%3D

https://threejs-portfolio-2.vercel.app/

Set up

Node: Javascript engine and comes with Node Package Manager (npm)

Yarn: an alternative to npm; this is optional for this tutorial (just use the “npm” command whenever you see “yarn”)

Vite: development server; an alternative to something like webpack, create-react-app, etc

Three.js: Javascript (JS) 3D rendering package

Visual Studio Editor (VSCode): software to write code in (alternative to Sublime, TextEdit, etc)

Github: version control & platform to open source your code

Open your terminal in a folder that you want to create your project folder in, run command to set up a Vite app and follow prompts:

yarn create vite

✔ Project name: … threejs-website-2 ← this will be the name of your new project/repo’s folder

✔ Select a framework: › vanilla

✔ Select a variant: › vanilla

Now run the following commands: