TTC
Theo's Typesafe Cult•3mo ago
Ace

Next.js and GSAP rendering

Hey guys. So I am working with GSAP pretty heavily and obviously I don't want to rely too much on the 'use client' directive. So I decided to write my components like this: Component.tsx -> Data setup and HTML Rendering Component.animations.tsx -> Animations / Interactivity [use client] Component.module.css -> CSS Stuff So the idea was to separate animations from the actual content so I can benefit from server side rendering and animations as well. I'm pretty sure its an okay solution but wanted to ask the hive mind: is that viable? am I wasting my time? forgetting anything? Thanks!
1 Reply
Matvey
Matvey•3mo ago
client components are still rendered on the server on the first request, 'use client' is fine, don't overcomplicate things. Loading data with server components is great for performace, so use them for this.
Want results from more Discord servers?
Add your server
More Posts
Get a list of all files in UploadThingI looked through some of the documentation for UploadThing, and I see how to upload a file, but whatSEO Nextjs DeploymentHey everyone, I'm looking to create an SEO Blog with Nextjs and try to rank for terms. I've never dPlaywright: How to check with considering URL ParamsThe thing is that my website redirects you to this URL: `localhost:3000/home?cityId=...` I want to jUploadthing throws errors in nextjs 14 when withUt wrapped around tailwind configs.I created a simple nextjs with uploadthing but when i run the server its causes errors. i followed Looooong DB tableI have this table that contains so many fields in Prisma, should I brake it up into multiple tables trpc query failing in prodI'm using trpc's use query together with nextjs 14's server components. The useQuery is in a client