All Questions

How to integrate Three.js with Next.js 15 App Router while maintaining high performance?

I am working on a **3D interactive menu for a restaurant** and I want to use **Three.js** inside the **Next.js 15 App Router**. My main challenges are: 1. How to prevent the 3D scene from re-rendering on every route change? 2. What is the best way to load heavy 3D models (GLTF/GLB) without blocking the main thread? 3. Should I use `react-three-fiber` or stick with vanilla Three.js for better control in a Next.js environment?

nextjs threejs webgl 3d-graphics performance

Maen Ababneh

• asked 42 minute ago• 42 minute ago

2 Upvotes

12 Views

1 Answers

How to optimize GSAP animations performance in a Next.js 15 project?

I am currently building a 3D restaurant menu and a GTA VI website clone. I'm using GSAP for complex animations, but I'm noticing some frame drops on mobile devices. What are the best practices to ensure 60fps performance when using GSAP with React's lifecycle in Next.js?

nextjs gsap

maen ababneh

• asked 1 hour ago• 1 hour ago

1 Upvotes

8 Views

1 Answers