Architecture Overview

이 내용은 아직 번역본이 없습니다.

SSR Architecture

All apps use Server-Side Rendering (SSR) with Cloudflare Workers.

Deployment Modes

App	Mode	Data Source	Platform
Context	SSR	Cloudflare D1	Workers
Permissive	SSR	In-memory	Workers
Roots	SSR	TypeScript	Workers

SSR Flow

┌─────────────────────────────────────────────────────────────────┐
│  Runtime (Cloudflare Workers)                                    │
│                                                                  │
│  ┌──────────┐    ┌──────────┐    ┌──────────┐                  │
│  │  Client  │ → │ Workers  │ → │    D1     │                  │
│  │ Request  │    │  (SSR)   │    │ Database  │                  │
│  └──────────┘    └──────────┘    └──────────┘                  │
│       ↑                               │                         │
│       └───────────────────────────────┘                         │
│              SSR HTML Response                                   │
└─────────────────────────────────────────────────────────────────┘

Key Technologies

TanStack Start

File-based routing
Server functions with createServerFn
SSR with hydration

Cloudflare D1

SQLite-based serverless database
Used by Context app for 16,394 entries
Dynamic sitemap generation

Vite 8

Fast development server
Optimized production builds
Output to dist/ directory

Build Output

apps/context/dist/
├── server/
│   └── index.js          # Workers entry (all-in-one bundle)
└── client/
    ├── assets/           # Static assets (CSS, JS, images)
    └── [prerendered]/    # Pre-rendered pages

Next Steps

Package Layers — Learn about the layer system
Packages — Explore shared packages