CFStack Demo

A modern full-stack architecture showcase with Cloudflare Workers, SvelteKit, and distributed tracing

Technology Stack

Built with modern technologies for performance and developer experience

Frontend

SvelteKit Svelte 5.0

Language

TypeScript

Styling

TailwindCSS v4

Backend

Cloudflare Workers

API Framework

Hono

Observability

OpenTelemetry

Build Tool

Vite

Testing

Vitest

E2E Testing

Playwright
Architecture Overview

Distributed architecture with multi-site deployment pattern

Infrastructure Diagram
Serverless Backend

Multiple Cloudflare Workers with shared components and efficient multi-site deployment

Observability

Custom OpenTelemetry SDK optimized for serverless environments with distributed tracing

Modern Frontend

SvelteKit 2.0 with Svelte 5.0, TypeScript, and TailwindCSS v4 for optimal performance

Resources
Monitoring