Chapter 05 of 11·Guides

SSR & streaming

Skeletons in the first byte of server HTML — before hydration, before JavaScript.

next.config.jsjs

import { withSkelly } from 'use-skelly/next'

export default withSkelly({
  // skeleton specs generated at build,
  // inlined into server HTML
})

Skeleton specs are generated at build time and inlined into the server HTML, so skeletons paint in the first byte — before hydration, before any JS executes. The skeleton is plain HTML + CSS; no client runtime is needed to display it.

Works with React Server Components, streaming SSR, and islands architectures.