Creative Overflow LogoCreative Overflow

Creative Overflow

hamburger menu icon
search
Open right sidebar
  • HomeHome
  • CommunityCommunity
  • CollectionsCollections
  • Find JobsFind Jobs
  • TagsTags
  • Ask a questionAsk a question
Sign InSign InSign UpSign Up

Top Questions

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

Chevron

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

Chevron

Popular Tags

nextjs

2

performance

2

gsap

1

development

1

react

1

All Tags

Questions tagged with "performance"

2 questions found

search icon

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?

stars icon
nextjsgsapreactdevelopmentperformance
maen ababneh

maen ababneh

• asked 3 hour ago• 3 hour ago
upvote icon

1 Upvotes

views icon

9 Views

answer icon

1 Answers

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

Maen Ababneh

• asked 2 hour ago• 2 hour ago
upvote icon

2 Upvotes

views icon

14 Views

answer icon

1 Answers

stars icon