Bun React Framework/Demos/

Static Site Generation

This page was pre-rendered at build time. It loads instantly and works perfectly without JavaScript.

Build-Time Data
This data was fetched during the build process

Build Timestamp:

2025-12-10T20:09:11.029Z

Message:

This message was generated during the build process. The page is now a static HTML file.

This timestamp was generated when the site was built, not when you requested the page. The HTML file exists on disk and is served instantly.

How Static Generation Works
  1. During build, the framework identifies pages marked as type: 'static'
  2. For each static page, the loader function runs to fetch data
  3. React renders the component tree with the loaded data
  4. HTML is written to disk in the dist/pages directory
  5. In production, these HTML files are served directly (no server rendering needed)
Benefits
  • Fastest possible load time - pre-rendered HTML served from CDN
  • Zero server cost - can be hosted on static hosting (Vercel, Netlify, etc.)
  • Perfect SEO - full HTML content available immediately
  • Works offline - HTML files can be cached indefinitely
  • Scales infinitely - no server load, just file serving
When to Use Static Generation

Static generation is perfect for:

  • Marketing pages and landing pages
  • Blog posts and documentation
  • Product catalogs (with ISR for updates)
  • Any content that doesn't change on every request