TanStackT
TanStack11mo ago
19 replies
verbal-lime

Emotion and Tanststack Start

Have someone have successfully manage to configure emotion base framework like material-ui with tankstack Start ?
Bae on the documentation https://mui.com/material-ui/guides/server-rendering/ we need to ReactDOMServer.renderToString the whole component on the server and extract/build the css and inject it into the meta tag. Here are express (https://github.com/mui/material-ui/tree/v6.x/examples/material-ui-express-ssr) and remix (https://github.com/mui/material-ui/tree/v6.x/examples/material-ui-remix-ts) configuration... I dont see a way within ssr.tsx to renderToString the whole page.... any suggestion?
The most common use case for server-side rendering is to handle the initial render when a user (or search engine crawler) first requests your app.
Server rendering - Material UI
GitHub
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui
material-ui/examples/material-ui-express-ssr at v6.x · mui/material...
GitHub
Material UI: Comprehensive React component library that implements Google's Material Design. Free forever. - mui/material-ui
material-ui/examples/material-ui-remix-ts at v6.x · mui/material-ui
Was this page helpful?