44 lines
6.0 KiB
Plaintext
44 lines
6.0 KiB
Plaintext
page Home {
|
|
seo {
|
|
title = "WRNexusJS — Bun-native server-first framework"
|
|
description = "WRNexusJS is a Bun-native, SSR-first full-stack framework using the .wrn component language."
|
|
canonical = "https://wrnexusjs.dev/"
|
|
}
|
|
view {
|
|
<a href="#main" class="skip-link">Skip to content</a>
|
|
<div class="docs-shell marketing-shell">
|
|
<header class="topbar marketing-header"><a class="brand" href="/"><span>W</span> WRNexusJS</a><nav aria-label="Primary"><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="https://component.wrnexusjs.dev/">Components</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav><div class="topbar-actions"><a class="preview-pill" href="/access">Private preview · v0.8.4</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme">◐</button></div></header>
|
|
<div class="marketing-mobile-nav"><details><summary>Menu</summary><nav><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="https://component.wrnexusjs.dev/">Components</a><a href="/language">Language</a><a href="/architecture">Architecture</a><a href="/tutorial">Tutorial</a><a href="/examples">Examples</a></nav></details></div>
|
|
<main id="main" class="marketing-main"><section class="hero marketing-hero"><Badge class="status status-beta" label="Private Developer Preview" variant="info" /><p class="eyebrow">WRNexusJS v0.8.4</p><h1>Build from the server.<br><em>Ship only what matters.</em></h1><p>WRNexusJS is an SSR-first, Bun-native full-stack framework. Build typed pages, APIs, validated forms, realtime rooms, secure sessions, workspaces, and optional mobile experiences with the <code>.wrn</code> component language.</p><div class="actions"><a class="primary" href="/access">Request preview access</a><a href="/getting-started">Read the preview docs</a></div><p class="access-note">Private developer preview. Request access to the package registry.</p><div class="code-window"><span>app/pages/dashboard.wrn</span><pre><code>page Dashboard {
|
|
ssr { api tasks GET /api/tasks { return tasks } }
|
|
view {
|
|
<main>
|
|
<h1>Tasks</h1>
|
|
{#each tasks as task}
|
|
<article>{task.title}</article>
|
|
{:empty}
|
|
<p>Nothing waiting.</p>
|
|
{/each}
|
|
</main>
|
|
}
|
|
}</code></pre></div></section>
|
|
<section><h2>Why WRNexusJS</h2><div class="feature-grid"><article><h3>Server-first rendering</h3><p>Useful HTML is rendered first; reactive scopes hydrate only where declared.</p></article><article><h3><code>.wrn</code> components</h3><p>Pages, layouts, props, state, events, server loops, and directives live in a focused language.</p></article><article><h3>Bun-native runtime</h3><p>The runtime is Bun. Node compatibility is not claimed.</p></article><article><h3>Typed data and validation</h3><p>Database queries and shared validation connect server routes to forms.</p></article><article><h3>Integrated security</h3><p>CSP, CSRF, sessions, authorization, encryption, and safe output are framework primitives.</p></article><article><h3>Realtime and workspaces</h3><p>Rooms, Redis pub/sub, and multi-app gateways support live and isolated applications.</p></article></div></section>
|
|
<section><h2>A small full-stack flow</h2><pre><code>// app/schemas/contact.ts
|
|
import { v } from "@wrnexus/validation";
|
|
export default v.object({ email: v.string().email(), message: v.string().min(10) });
|
|
|
|
// app/api/contacts.ts
|
|
import schema from "../schemas/contact";
|
|
import { parseBody } from "@wrnexus/validation";
|
|
export const POST = async (ctx) => {
|
|
const result = await parseBody(schema, ctx.req);
|
|
return result.ok ? Response.json({ ok: true }, { status: 201 }) : result.response;
|
|
};</code></pre></section>
|
|
<section><h2>Request lifecycle</h2><ol class="lifecycle"><li><strong>Request</strong><span>Security headers and request limits</span></li><li><strong>Middleware</strong><span>Authentication, policy, and context</span></li><li><strong>File route</strong><span>Page or API handler</span></li><li><strong>Compiler + SSR</strong><span>Safe HTML and scoped runtime</span></li><li><strong>Response</strong><span>HTML, JSON, stream, or realtime upgrade</span></li></ol></section>
|
|
<section><h2>Production proof</h2><div class="feature-grid"><article><h3><a href="https://workroot.in/">WorkRoot</a></h3><p>Public creator/company site and approved WRNexusJS production showcase.</p></article><article><h3><a href="https://wrnexusjs.dev/">wrnexusjs.dev</a></h3><p>This documentation application runs WRNexusJS 0.8.4.</p></article></div><p><a href="/showcase">View deployment notes and showcase status →</a></p></section>
|
|
<section><h2>Capability status</h2><div class="table-wrap"><table><thead><tr><th>Capability</th><th>Status</th><th>Details</th></tr></thead><tbody><tr><td>SSR, routing, compiler, APIs</td><td>Preview</td><td>Installed in 0.8.4; public support policy pending.</td></tr><tr><td>Mobile/native</td><td>Experimental</td><td>Capacitor compatibility and native generation have platform limitations.</td></tr><tr><td>Durable queues</td><td>Experimental</td><td>Production durability requires an appropriate driver strategy.</td></tr></tbody></table></div></section>
|
|
<section><h2>Continue exploring</h2><div class="actions"><a href="/packages">Explore 46 packages</a><a href="/changelog">Release notes</a><a href="/roadmap">Roadmap</a><a href="/support">Support and access</a></div></section></main>
|
|
<footer><div class="footer-brand"><span class="footer-mark" aria-hidden="true">W</span><p><strong>WRNexusJS 0.8.4</strong><span>Build from the server. Ship only what matters.</span></p></div><nav aria-label="Footer"><a href="/getting-started">Documentation</a><a href="/roadmap">Roadmap</a><a href="/security">Security</a><a href="/support">Support</a><a href="/llms.txt">AI guide</a></nav><p class="footer-meta">Bun-native · Created by <a href="https://workroot.in/">WorkRoot</a></p></footer>
|
|
</div>
|
|
}
|
|
} |