react-prehydrate

Drag the resize handles between the sidebars and the main content area. Reload the page — your sidebar widths persist with no flash of incorrect layout.

The sidebar widths are driven by CSS variables set by an inline script before first paint. The width labels in the sidebar footers use a skeleton until mounted, since text content can't be prehydrated.