32 lines
1.7 KiB
Plaintext
32 lines
1.7 KiB
Plaintext
page Gettingstarted {
|
|
seo {
|
|
title = "Getting started"
|
|
description = "Getting started with WRNexusJS"
|
|
}
|
|
|
|
view {
|
|
<div class="docs-shell">
|
|
<header class="topbar">
|
|
<a class="brand" href="/"><span>W</span> WRNexusJS</a>
|
|
<nav><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav>
|
|
<button data-wire-theme-toggle class="theme-button" aria-label="Toggle theme">Theme</button>
|
|
</header>
|
|
<main class="page"><article class="documentation prose standalone"><span class="eyebrow">Guide</span><h1>Getting started</h1><p>Create a production-ready WRNexusJS application with Bun.</p><h2>1. Create the project</h2><pre><code>bunx @wrnexus/cli create my-app
|
|
cd my-app
|
|
bun install
|
|
bun run dev</code></pre><h2>2. Add a page</h2><pre><code>page Dashboard {
|
|
state count = 0
|
|
view {
|
|
<main>
|
|
<h1>Dashboard</h1>
|
|
<button @click="count++">{count}</button>
|
|
</main>
|
|
}
|
|
}</code></pre><h2>3. Verify and build</h2><pre><code>wrnexus doctor
|
|
wrnexus test
|
|
wrnexus build</code></pre><h2>Where things live</h2><ul><li><code>app/pages</code> contains routes.</li><li><code>app/components</code> contains reusable .wrn components.</li><li><code>app/api</code> contains server API handlers.</li><li><code>app/layouts</code> contains shared shells.</li><li><code>app/middleware</code> contains request middleware.</li><li><code>wrnexus.config.ts</code> configures security, styles, data, mobile, and deployment.</li></ul></article></main>
|
|
<footer>WRNexusJS 0.2.15 · SSR-first · Bun-native · Documentation generated from published package APIs.</footer>
|
|
</div>
|
|
}
|
|
}
|