Add support for Server Side Rendering

Question

Add support for Server Side Rendering

Opened this issue 7 years ago · 4 comments

Hello,

I'm building an App which uses next.js but I cannot make your component to work when using SSR. In Chrome, in the console, I have this:

Warning: Prop `src` did not match. Server: "/static/images/logo.png" Client: "/static/images/logo.webp"

In the end, I'm always returing the fallback image. Could you implement SSR with next.js?

Regards,

Matthieu

Warchant commented 6 years ago

Any news?

Answer 1 · 2018-02-26T07:17:06.000Z

Hello @MBach!

Interesting task, i will think about how implement it in next.js in next few days.

Thanks!

Answer 2 · 2018-02-26T20:57:03.000Z

Great news! Looking forward to reading from you

Answer 3 · 2019-01-27T00:00:24.000Z

Hello!
My package react-img-webp supports server-side render using react context. You can pass Accept header from http request and everything will be rendered. On client-side additional webP support check will be done.