Server-side React that renders as png, pdf, or interactive webapp

React can be rendered as PNG, PDF, static HTML, or an interactive webapp by simply changing the URL. This process involves server-side rendering (SSR) with components supporting css-in-js and data loading via useQuery. Different formats of rendering are controlled by query parameters in the URL, using TanStack Start and TanStack Router alongside Puppeteer. The approach aims for sophisticated rendering with minimal effort from product engineers.