@seragam-ui/react-ssr v0.0.2

@seragam-ui/react-ssr

Utility functions for server side rendering.

Installation

yarn add @seragam-ui/react-ssr
# or
npm i @seragam-ui/react-ssr

How to use in NextJS.

_document.ts

import { extractStyles } from '@seragam-ui/react-ssr'

class BaseDocument extends Document {
  static async getInitialProps(ctx) {
    const page = await ctx.renderPage()
    const initialProps = await Document.getInitialProps(ctx)

    const styles = await extractStyles(page.html)

    return {
      ...initialProps,
      styles: (
        <>
          {initialProps.styles}

          <style
            dangerouslySetInnerHTML={{
              __html: styles,
            }}
          />
        </>
      ),
    }
  }
}