One Spec. Every Surface. Uncompromising Experience.
A spec-driven Next.js and React system engineered to forge SEO websites, enterprise dashboards, storefronts, and multi-tenant experiences from one coherent web foundation.
Stop rebuilding interfaces. Start creating complete experiences.
One design language. Every web surface. Total consistency.
Web applications often repeat the same foundations across storefronts, admin panels, tenant sites, and internal tools—until every new surface becomes another codebase to maintain.
Web Forge replaces that fragmentation with declarative specifications and a reusable, brand-neutral core. Product identity and behavior are described at the edges; shared architecture powers every experience.
The ambition: make enterprise-grade web development expressive, predictable, and endlessly reusable.
The latest release — checksummed, attested, one command per platform.
webx-installer unpacks the release's source into ./webx.
Linux and macOS:
curl --proto '=https' --tlsv1.2 -LsSf https://github.com/comstrx/webx/releases/latest/download/webx-installer.sh | shWindows (PowerShell):
& ([scriptblock]::Create((irm https://github.com/comstrx/webx/releases/latest/download/webx-installer.ps1)))From source:
git clone https://github.com/comstrx/webx.git
cd webx
bun install --frozen-lockfile
bun run devEvery asset carries a .sha256 sidecar and build provenance: gh attestation verify <asset> --owner comstrx.
A continuously evolving system for the complete web experience.
Spec-Driven Screens & Features · Server Rendering, Streaming & SEO · Typed APIs & Realtime · Authentication & Access Control · Forms, Validation & UI States · Caching, Deduplication & Prefetching · Responsive Layouts & Accessibility · Localization & RTL · Design Tokens, Themes & Motion · Multi-Tenant Sites & Admin Panels
From a search-friendly storefront to a complex operational dashboard, every surface speaks the same architectural language.
One vocabulary. Every experience. Endless possibilities.
Declare the experience. Let the system assemble it.
Product Specs · Brand · Content
│
Spec Compiler
│
Screens · Blocks · Features
│
Next.js · React
│
Shared Bun Foundation
│
APIs · Data · Realtime
Single Responsibility · Unidirectional Dependencies · Typed Contracts · Brand-Neutral Core · Composable Features
Specifications own product identity and configuration. The web core owns rendering, composition, navigation, and interaction. Shared TypeScript capabilities live beneath both web and mobile; business rules stay with the product that owns them.
No duplicated features. No business logic buried in components. No tangled dependencies.
Not another collection of pages. One coherent web system.
Every screen is assembled from focused features with explicit contracts, clear ownership, predictable data flow, and consistent behavior across loading, empty, offline, error, and success states.
Server and client responsibilities remain deliberate. Reusable primitives have one owner, and platform-specific rendering stays in the web layer—without duplicating the shared foundation or forcing unrelated features together.
Maximum reuse. Minimum coupling. Absolute architectural discipline.
Render what matters. Fetch what is needed. Ship nothing extra.
Server Components · Streaming · Selective Hydration · Code Splitting · Request Deduplication · Smart Caching · Intent-Driven Preloading · Virtualization · Lean Assets
Every optimization is judged through real user journeys and measurable outcomes: LCP, INP, CLS, TTFB, JavaScript weight, rendering cost, and memory use.
The objective is exceptional responsiveness without trading away accessibility, reliability, or clarity.
Less overhead. Faster interactions. Better experiences.
Every boundary matters. Every permission must be earned.
Typed request contracts, input validation, guarded mutations, safe rendering, strict origin policies, and secure defaults shape the system from the start.
Sensitive values never belong in client bundles or product specs. UI permissions improve the experience, but real authorization remains enforceable by the backend. Tenant context and server/client boundaries must never become trust shortcuts.
No accidental exposure. No cross-tenant shortcuts. No security by appearance.
Build with discipline. Verify with evidence. Evolve with confidence.
Strict linting, architecture checks, type safety, spec validation, focused tests, and production builds protect the reusable core while allowing every product to develop its own identity.
bun run check
bun run typecheck
bun test
bun run buildEngineering excellence isn't a milestone. It's the standard.
Copyright © 2026 Abdulrahman Yasser (comstrx).
Licensed under the Apache License 2.0.