Chapter 06 of 11·Guides

Whole-page skeletons

Snapshot entire routes at build time for instant full-page loading states on navigation.

Snapshot an entire route at build time. Ideal for route transitions and hard navigations where the whole page loads at once.

build.jsjs

// build step
import { snapshot } from 'use-skelly/build'

await snapshot('/dashboard', {
  out: '.skelly/dashboard.json'
})

// runtime — instant full-page skeleton on navigation
router.beforeEach(() => skellyPage('dashboard'))