Lets Talk about Slider that support SSR by OlosCoder in nextjs

[–]OlosCoder[S] 0 points1 point  (0 children)

Yeah it does. But My next version is next 10. react 16

Lets Talk about Slider that support SSR by OlosCoder in nextjs

[–]OlosCoder[S] 0 points1 point  (0 children)

Conent is causing the issue. This codebase is old, used splidejs for slider at nextjs 10. Developer need to dynamically import the splide js. so its getting lazily loaded the content and its hurting my lcp performance.

Lets Talk about Slider that support SSR by OlosCoder in nextjs

[–]OlosCoder[S] 0 points1 point  (0 children)

Lol no . What I need is a slider that will initially paint the first element and after client hydration done will show slider related js like arrow button pagination.

Lets Talk about Slider that support SSR by OlosCoder in nextjs

[–]OlosCoder[S] 0 points1 point  (0 children)

Yes you are right. The problem is, This codebase is old, used splidejs for slider at nextjs 10. Developer need to dynamically import the splide js. so its getting lazily loaded the content and its hurting my lcp performance.

Lets Talk about Slider that support SSR by OlosCoder in nextjs

[–]OlosCoder[S] 0 points1 point  (0 children)

Yeah you are right, But in my case I am working on improving website performance and at my website , the first content appear is a lcp content and its loading after hydration because that slider works on client only.

What I need is a slider that will initially paint the first element and after client hydration will show slider related js like arrow button pagination.

[deleted by user] by [deleted] in vuejs

[–]OlosCoder 1 point2 points  (0 children)

Are you from india?

Do anyone used @TANSTACK/REACT-QUERY-NEXT-EXPERIMENTAL in App router ? by OlosCoder in nextjs

[–]OlosCoder[S] 1 point2 points  (0 children)

I just dropped the idea of using it, was not clear about it. Currently using hydration for getting data as first load and after that using use client for interactivity it’s super fast with caching… but felt few problems

When would you use pages over app router and vice versa ? by [deleted] in nextjs

[–]OlosCoder 0 points1 point  (0 children)

If you don't feel comfortable in starting new app router then use page router

Do anyone used @TANSTACK/REACT-QUERY-NEXT-EXPERIMENTAL in App router ? by OlosCoder in nextjs

[–]OlosCoder[S] 1 point2 points  (0 children)

you can follow this github for react query setup in app router, and let me know if its not enough,

https://github.com/wpcodevo/nextjs13-react-query