Skip to main content

Server-side rendering

To render your app server-side, wrap it with UrlProvider:

import { UrlProvider } from "@swan-io/chicane/server";
import express from "express";
import { renderToString } from "react-dom/server";
import { App } from "../client/App";

const app = express();

app.use("*", (req, res) => {
const html = renderToString(
<UrlProvider value={req.originalUrl}>
<App />
</UrlProvider>,
);

// …
});