Few questions

[lewibs]

1. Is this still the recommended way to use threejs with nextjs?
2. Is there a good way to start understanding this architecture? Im unsure what is normal for react, next, or fiber in this case. I've worked with react, and next and threejs, which is why I am confused since this seems overly complicated.

[Mem0Real]

I've been trying to understand this for a couple of hours now and so far, I think its fantastic. Once I understood what tunnel-rat does and how the View component of drei is used alongside the web-component, it became clear that he did a great job. I still have ways to go though so it's a challenge for sure.
This is the process as far as I'm able to discern:

In the global.js, the r3f tunnel was instantiated and wrapped in the Three component to add items to the tunnel. This Three component wraps the View component (found inside src/components/canvas) and creates a new View (from drei) called ViewImpl that holds the children. On the main page.jsx this View component is called with the models as it's children and normal jsx surrounding it. The children passed in the View component will end up being created in the Scene.jsx using r3f.Out.
I hope this helps a little.