How streaming impacts React and Next.js applications

How streaming impacts React and Next.js applications

Vercel

4 месяца назад

29,039 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

- 29.04.2024 23:50

how does partial prerendering play with SEO? are the dynamic parts seen by the search engine crawlers?

Ответить
@griffadev
@griffadev - 18.02.2024 02:32

It's a shame the AI SDK streaming helpers are tied to AI would be nice primitives in next or a standalone library. Took a look at the code and it's widely complex though so maybe it's not worth it

Ответить
@kasper369
@kasper369 - 17.02.2024 20:57

I have a big CSS file how do I load CSS in stream way using shadcn

Ответить
@NitinSharma00001
@NitinSharma00001 - 17.02.2024 18:49

Hey @leerob, I'm facing issues while setting environment variables for my client side(browser) application part as some of apis need to be called from client side only. The problem is during build time (Azure Devops pipeline), I don't know any environment variables, I just know those variables on app settings of server. I'm dockering my nextjs app so that I can stream my app for different environments (dev, stage, prod). I'm facing this issue for all NEXT_PUBLIC_ prefix variables as these got inlined (hardcoded) during build time. Can someone suggest any workaround or solution for this?

Ответить
@redenvalerio601
@redenvalerio601 - 17.02.2024 14:48

The problem I encounter is that loading.tsx returns 200 even after I send a notFound response meaning it will be treated badly by search engine. There's a bug report already and I'm still waiting for it to be resolved.

Ответить
@thomasbouillon9478
@thomasbouillon9478 - 17.02.2024 09:48

I recently faced a drawback with that. Having component streaming also means having JS executing when these are loaded to update the DOM.
This caused me a bad web viral in performance for having JS running for too long.
I went back to ISR to fix it.

Ответить
@no_handle_no_problem
@no_handle_no_problem - 17.02.2024 04:05

Here i thought you've done something with SSE

Ответить
@martinumueller1
@martinumueller1 - 16.02.2024 21:58

I would like to see an example of authentication with Azure AD. Using msal.js directly or through next-auth. I am struggling with this and I think quite a few others are too.

Ответить
@4ndrs_dev
@4ndrs_dev - 16.02.2024 21:36

just this morning i used suspense in some routes with loading skeletons, really love how easy it is to set up and how fluid it feels with next.js

Ответить
@aralroca
@aralroca - 16.02.2024 21:20

The rerendering of actions are using streaming virtual DOM? how it works to apply the diffing algorithm with streaming?

Ответить
@swimmyJones
@swimmyJones - 16.02.2024 20:22

I just posted about this on the discord but the Suspense and loading.tsx file stuff seems to work great on desktop but not at all on mobile and tablet devices. Idk if anybody else is experiencing that or if there’s something different I have to do for those devices, but hopefully it’s just a dumb mistake I’m making lol

Ответить
@paramaggarwal
@paramaggarwal - 16.02.2024 20:05

Gave it the 100th like

Ответить
@franknguyen8396
@franknguyen8396 - 16.02.2024 19:59

Lee does it again

Ответить
@DS-ow2ge
@DS-ow2ge - 16.02.2024 18:52

damn lee you're on a tear..... you work so hard

Ответить
@Nab_001
@Nab_001 - 16.02.2024 18:41

I love Vercel,

Ответить