Citrus
The Pragmatic Static Site Generator for React
npm install citrus# or yarn add citrus
SPA navigation combined with SSR creates a lot of overhead. Your entire application, including the parts that are completely static, must be bundled and served to the browser.
Citrus is an alternative that only bundles the stuff that's actually interactive. The static parts are as easy as creating an Express app:
;;;;; async { const app = ; app; const articles = await ; for const article of articles app; await app; console;};
By default, Citrus will just build static HTML. To use an interactive component, use the useLiveComponent
hook:
;; { const Menu = ; return <div> <Menu /> </div> ;}