The things Vercel won't show you (Theo Browne)

Presented at Next.js Conf 2023.
View all talks from the conference: • Next.js Conf 2023 - In...
Explore templates of sites built with Next.js: vercel.fyi/verceltemplates
Check out the Vercel product tour: vercel.fyi/producttour
Next.js is great. So is Vercel. We've spent the last few hours hearing all about how to use these things correctly. I'm going to show you how to use them incorrectly

[@tabletuser123]

The things Vercel wont show you (Theo Browne), presented by Vercel

[@TomNook.]

Shame we didn't have Theo on stage

[@t3dotgg]

I had the option but I wanted to do the stream from the venue instead 🙏

[@parlor3115]

Let's be thankful he didn't 🙏

[@MrStupiuno]

What would he do besides “give hot takes and clickbait content”? No thanks

[@maciejziehlke4479]

1:06 and that comment "this tells Remix to use the server environment" :)

[@asimshamim113]

the commitment to click bait titles from this dude is almost impressive

[@gnarusg8708]

Generator seems very nice for streaming an llm response.

[@guillemgarcia3630]

As far as I know, you would get a really big suspense tree right? So it might not be performant

[@gerardmarquinarubio9492]

​@@guillemgarcia3630i don't think so right? The if condition returns the value in the generatorcomponent which is just a plain old JSX component, and then that is used to render a single suspense in the fallback. I don't think the inner generatorcomponent is ever truly rendered, I think it is used solely to trigger the next iteration of the generator. (Haven't tested though)

[@tspander]

The solution with recursive suspense is actually shown in the vercel/ai docs for rendering the LLM response in a server component. So it is at least somewhat official

[@serhiimamedov]

First one is not curced at all. It should be in the official docs

[@StingSting844]

Shouldnt the loadMore function have a "use server" directive in it to be compiled into an RPC?

[@agbimpod]

but can we unit test them

[@arish_shah]

The third pattern is genuinely so cursed lol.

[@yomaru_1999]

Ways to write unmanageable code. Thx Vercel.

[@TheIpicon]

Theo 😍

[@RaducuGabriel]

generators for queue messages

[@elvispalace]

wait

[@OybekDaniyarov]

globalThis feels like php $GLOBALS 😅

[@croakgrogan]

These all seem extremely problematic imo. Maybe I’m too much of a purist but I don’t think I’d feel comfortable stepping outside the walls of a framework for production apps. At some point, some of this stuff is going to break as part of a NextJS update and if you’re leveraging things like this heavily in your app, you’re suddenly going to have a lot of broken code to deal with.

[@zyrphath]

Well he did say repeatedly that these patterns are cursed and not blessed by Vercel ... did you for some reason expect production-stable code from that?

[@case6339]

The globalThis and script dangerouslyinnerhtml one is in production code at Theo's own commercial project as he stated in this video.@@zyrphath