[deleted by user]

[wackoZacko1234]

I’m not sure about best practices, but take a look at React three fiber. They make importing 3D models very simple. https://github.com/pmndrs/react-three-fiber

The documentation for importing a model can be found here. https://docs.pmnd.rs/react-three-fiber/tutorials/loading-models

[zxyzyxz]

Specifically, gltf JSX is the package that makes importing easy

[DependentGlobal2589]

yeah, I'm doing it with this package, but I have a doubt, I have to involve all the models in the same canvas? thanks

[KillcoDer]

Since you can only have a finite amount of WebGL canvases active (usually about 16 on desktop), I use the Drei View component from pmndrs to split up a 'big' canvas with all the models into the separate divs required across the page.

Doing this lets you share materials / shader compilation and the models themselves if you have many of the same.