Skip to content

Docs: CSS-In-JS (<style>) libraries migration guide for concurrent rendering (/app directory) #42720

Closed
@zoriya

Description

@zoriya

What is the improvement or update you wish to see?

I'm currently trying to make a CSS-in-JS library support concurrent rendering, and I can't find documentation on how should it integrate with next. The official upgrade guide of React talks about piping the SSR Stream, but as far as I know, the SSR stream is not exposed in next js.

Is there any context that might help us understand?

Looking at recent pull requests, we can see that you modified the next code to support some CSS-in-JS libraries, but I don't really understand how we can use that. The hook talked about here useServerInsertedHTML does not seem to have documentation. I first thought that this hook gets called after each react render to allow us to add elements to the head for server components (when streaming components). After reading the emotion's issue about next 13 support, I figured this what not the case.

There is a documentation page to use existing css in js libraries (see link below), but none for library maintainers, I believe. How can we add support to next 13 for server components?

Does the docs page already exist? Please link to it.

https://beta.nextjs.org/docs/styling/css-in-js

Metadata

Metadata

Assignees

No one assigned

    Labels

    DocumentationRelated to Next.js' official documentation.locked

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions