Bascik Example Cloudflare Workers + Assets

Cloudflare Workers Architecture Demo

Zero-overhead static asset delivery from global CDN edge cache combined with native edge script execution.

Explore Edge Rendering Features

<script data-bascik-server>

Server Scripts

Inspect dynamic request context (IP, headers, platform bindings) computed at request time before headers commit.

Stream Pattern 1

In-Place Skeleton Swap

Shimmer skeleton cards render immediately on initial paint and swap in-place with resolved content as streams deliver.

Stream Pattern 2

Progressive Stream Append

Zero-placeholder stream: page shell and footer paint first, then cards stream directly into the open response grid.

Server + Stream

Mixed-Page Ordering

Demonstrates the two-phase lifecycle: pre-header server script execution followed by early flush and async streaming.

Interactive Client

Edge API Client

Interactive frontend UI demonstrating client-side fetch calls dispatched directly to edge API routes (/api/ping).

Components from Server Scripts

Product Catalog

A server script returns one component tag per product, and the Worker renders each tag with its scoped CSS at request time.

Components from Stream Scripts

Streamed Catalog

The same tiles appended in batches by stream scripts, in document order, with the component stylesheet sent once.