Three.js-Boilerplate-TS-Vite

A Three.js Boilerplate for TypeScript Vite projects.

This boilerplate is supplementary to my ThreeJS and TypeScript courses at Udemy and YouTube (Channel membership required)

Introductory Video

Course Discount Coupons

Boilerplate Overview

When run, the boilerplate shows a multi-coloured wireframe cube, with OrbitControls, Dat.GUI and Stats.js included.

Example

Installing

git clone https://github.com/Sean-Bradley/Three.js-Boilerplate-TS-Vite.git
cd Three.js-Boilerplate-TS-Vite
npm install

Develop

npm run dev

Visit http://localhost:5173/

Build Production

npm run build
npm run preview

Visit http://localhost:4173/

Deploy to GitHub pages

If you forked this repository, then you can publish your changes to GitHub pages.

npm run deploy

Visit https://<your github username>.github.io/Three.js-Boilerplate-TS-Vite/

E.g.,

https://sean-bradley.github.io/Three.js-Boilerplate-TS-Vite/