A place for developers to talk about building on Farcaster.

/dev

Ok who wants to help me understand nextjs app router? And ‘use client’ vs ‘server-only’? 

I’m not used to not being able to have any “useState()” functions wherever I want??

Values-Aligned Communities | citizen of Black Rock City

going to try my best to explain this in one cast(as someone who's read about RSCs but hasn't used them much lol)

client-side code needs to be marked as 'use client' -- client code can run in server code files, but not the other way around

server-only code makes the function itself async, so you can mutate data & return UI with that data

eg. your client-side code could be static info like a navbar and then instead of blocking while waiting for your API request, the server can load the data and ui together

building /cortex, hacking /farhack, yapping /dylan | dylansteck.com

this is a great read on server components

https://www.joshwcomeau.com/react/server-components/