# 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