A place for developers to talk about building on Farcaster.

/dev

next.js 13 using app router

if you can help with any of these, that would be greatly appreciated

– pre-load skeleton of site as content loads
– show nprogress bar on top of page as content loads
– disable button if input has no value

I have a rough skeleton working locally with this pattern right now. Trying to get it figured out for myself as well…

building reel.farm and farcasterstudio.com

@day---break, day---break.com // nf.td/iam

yeah greg sent me that same link and im still trying to figure it out 😅

I have a rough skeleton working locally with this pattern right now. Trying to get it figured out for myself as well… 

https://nextjs.org/docs/app/building-your-application/routing/loading-ui-and-streaming

Building getinboxzero.com and sharemint.xyz.

I also run a YouTube channel, "Learn from Open Source": youtube.com/elie2222 

that always gives me this error

Module not found: Can't resolve 'net'

If you’re struggling with anything that worked with page router then just add use client to the top of the file. Don’t wrestle with it.

i think that only works within nextjs pages, but it should be quite similar for the app router

for nprogress, put it in your app/layout and then hook the navigation events in next/navigation router within an effect

you can do something like this for the last one

For #1, make everything a server component, split everything into components when there’s something new you’d be okay with streaming in, then use <Suspense> liberally with skeletons for each thing you’re waiting to be streamed.