50+ Filter Sources
Bloqr™ Documentation
Platform Snapshot
11 Transformations
Zero-Copy Streaming
Edge-Native Runtime
Start in Minutes
- Open Quick Start and choose Docker, Deno, or Workers mode.
- Validate your config with Zod Validation and Configuration.
- Deploy to production with Deployment and Zero Trust Architecture.
Section Navigation
Getting Started
API
Cloudflare
Database
Deployment
Frontend
Security
Auth
Admin
Testing
Observability
Troubleshooting
Tools
Design system
All Bloqr visual standards — color tokens, typography, spacing, fonts, logos, and
component primitives — are maintained in the standalone
Bloqr-Systems/bloqr-design-system
repository (@bloqr/design-system). It is the single source of truth for every
Bloqr web property. Do not copy design assets or brand docs into this repo.
/frontend (Angular 22 + Material)
The Angular app consumes the design system at the CSS layer:
npm i @bloqr/design-systemIn angular.json styles array (or styles.scss):
@import '@bloqr/design-system/styles.css';Implement UI primitives (Button, Badge, Card, etc.) as Angular components against
the same CSS custom properties the React primitives use — --orange-500,
--bg-surface, --font-display, etc. The React source in
components/
is the visual contract; it is not a runtime dependency for Angular.
Icons — done: Material Symbols has been fully replaced with self-hosted Lucide icons,
2 px stroke, rounded joins. <app-icon> (frontend/src/app/components/icon/icon.component.ts)
renders inline SVG markup baked into icon-data.generated.ts at build time from the
lucide-static devDependency — no lucide-angular runtime package, no icon font, no
network request. See the design system README
for the Material → Lucide name mapping. Any new Angular icon usage must go through
<app-icon>, not a raw <svg>, <mat-icon>, or the lucide-angular package.
/docs
Link styles.css and use the token variables and
guidelines/
specimen cards as the visual reference for all documentation pages.
Quick Paths by Role
Architecture Overview
flowchart LR
Client[Angular Frontend] --> Worker[Edge Worker]
Worker --> Router[Hono Router]
Router --> Queue[Cloudflare Queues]
Router --> D1[(D1)]
Router --> R2[(R2)]
Queue --> Router
Bloqr Properties
| Property | URL | Runtime | Notes |
|---|---|---|---|
| Landing | bloqr.dev | Marketing | Main product narrative and launch funnel. |
| App | app.bloqr.dev | Angular | Interactive compiler dashboard and admin UX. |
| API | api.bloqr.dev | Worker | OpenAPI portal and API base URL: https://api.bloqr.dev/api. |
| Docs | docs.bloqr.dev | Astro | Starlight documentation for developers and operators. |