> For the complete documentation index, see [llms.txt](https://docs.tss-react.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tss-react.dev/ssr/other-backends.md). # Other backends If you find this section confusing, bear in mind that TSS is using Emotion under the hood, if you find a working configuration for Emotion, TSS will work. It's equaly true for MUI, if MUI works, TSS works, it's also true the other way around. {% hint style="warning" %} If you are using nested selectors, you may need to provide [uniq identifiers to the styleshees that uses nested selectors](/nested-selectors.md#ssr). {% endhint %} ``` yarn add @emotion/server ``` ### Single emotion cache This is the recommended approach. ```tsx import createEmotionServer from "@emotion/server/create-instance"; import { renderToString } from "react-dom/server"; import type { EmotionCache } from "@emotion/cache"; import { App, createAppCache } from "/App"; function functionInChargeOfRenderingTheHtml(res) { const { constructStyleTagsFromChunks, extractCriticalToChunks } = createEmotionServer(createAppCache()); const html = renderToString(); const styleTagsAsStr = constructStyleTagsFromChunks(extractCriticalToChunks(html)); //Some framworks, like Gatsby or Next.js, only enables you to //provide your