<p><a href="https://www.youtube.com/watch?v=2iElHRDA3A0" target="_blank" rel="noopener nofollow">How to Build a 3D Website in Next.js with Three.js &amp; GSAP</a></p>
<p>Don’t let the title mislead you. This first 10 minutes of this video is Next.js setup. However, the next 1/2 hour is a detailed explanation of using three.js.  It covers creating a property lit and shaded globe with rotation., and a scroll-zoom animation on the web page. Good explanations and voice over.</p>


theacademe

A video tutorial demonstrating how to create 3D web graphics using Three.js and GSAP animation library within a Next.js application. The tutorial covers building a properly lit and shaded rotating globe, implementing scroll-zoom animations, and integrating these 3D elements into a web page. After initial Next.js setup, the content focuses on detailed Three.js implementation with clear explanations.

This is a good understandable example of using three.js and GSAP.