Production base / design system / runtime slots
A compact foundation for serious web products.
Sezer's React Template is a neutral Next.js template with a real site shell, direct component pages, and runtime-ready structure for APIs, jobs, streams, triggers, and future transport adapters.
Website shell
Header, navigation, content, and component routes now coexist.
Components
15+
Runtime slots
6
Composable UI core
Reusable surface, card, status, table, overlay, state, and action primitives.
Runtime-ready structure
API, push, pull, trigger, realtime, and transport contracts have clear slots.
Inspectable system
Direct component pages stay available as a living inventory for future feedback.
Components
Reusable pieces, already used in the website.
The landing page consumes the same primitives that the component pages document.
StatusSignal
Dot, pill, cell and glass states
RecordTable
Dense table rhythm without new styles
DataPanel
Section shell with header and action
OverlayFrame
Modal frame with standard footer
RecursiveMenu
Nested navigation for product maps
Runtime
Built to accept push, pull, jobs and streams.
The project is still frontend-first, but the server-facing contracts have named slots.
HTTP API Surface
REST route handlers / server actions / typed response envelopes
Inbound Push Events
webhook intake / signed events / idempotency keys
Outbound Pull Jobs
scheduled sync / cursor pagination / retry windows
Workflow Triggers
manual trigger / cron trigger / queue trigger
Realtime Channels
SSE / WebSocket / broadcast channel
Transport Adapters
HTTP / TCP adapter slot / UDP adapter slot
Operational readiness
Demo records below are the same data family used in the tables page.
Component proof
The site uses the system it documents.
Catalog primitives are used here as a real product console: search, filters, toggles, cards, state blocks, modal frame, and table composition.
| Flow | Kind | Owner | Load | Status |
|---|---|---|---|---|
| Intake router | Push | Platform | 82% | Live |
| Source sync | Pull | Data | 48% | Queued |
| Review gate | Human | Ops | 64% | Ready |
| Live stream | Realtime | Runtime | 91% | Live |
Runtime control card
A reusable record container for dense product summaries.
Live preview running
A state primitive can carry loading, empty, paused, and error moments without changing the page language.
Structure
A project shape that can evolve.
The folder layout separates app routes, layout shell, generic primitives, component demos, data, and server contracts.
| Layer | Purpose | Status |
|---|---|---|
| appdir-app | Routes, pages, layouts | Active |
| components/layoutdir-layout | Header, footer, shell | Ready |
| components/uidir-ui | Reusable primitives | Ready |
| components/catalogdir-catalog | Component docs | Review |
| server/contractsdir-server | Runtime envelopes | Slot |
Ready for iteration