It used to be quite a hassle to add 3D models to web pages.

Here are a few resources to get you on your way

This is the 3js documentation

Where possible, we recommend using glTF (GL Transmission Format). Both .GLB and .GLTF versions of the format are well supported. Because glTF is focused on runtime asset delivery, it is compact to transmit and fast to load. Features include meshes, materials, textures, skins, skeletons, morph targets, animations, lights, and cameras.

https://threejs.org/docs/#manual/en/introduction/Loading-3D-models

We dig this tutorial by Main at Medium,

It goes over modeling and texturing a bus, then adding it a three.js project

Image for post

See the Pen Bus Derby by Matthew Main (@matthewmain) on CodePen.

https://medium.com/@matthewmain/how-to-import-a-3d-blender-object-into-a-three-js-project-as-a-gltf-file-5a67290f65f2

another guide lives here

https://www.electronicarmory.com/articles/exporting-blender-models-to-threejs-webgl/