# Other backends ``` yarn add @emotion/server ``` ```tsx import createEmotionServer from "@emotion/server/create-instance"; import { renderToString } from "react-dom/server"; import { getTssDefaultEmotionCache } from "tss-react"; import createCache from "@emotion/cache"; import type { EmotionCache } from "@emotion/cache"; import { App, createMuiCache } from "/App"; function functionInChargeOfRenderingTheHtml(res) { const emotionServers = [ // Every emotion cache used in the app should be provided. // Caches for MUI should use "prepend": true. // MUI cache should come first. createMuiCache(), getTssDefaultEmotionCache({ "doReset": true }) ].map(createEmotionServer); const html = renderToString(); const styleTagsAsStr = emotionServers .map(({ extractCriticalToChunks, constructStyleTagsFromChunks }) => constructStyleTagsFromChunks(extractCriticalToChunks(html)), ) .join(""); //Some framworks, like Gatsby or Next.js, only enables you to //provide your