<div class="sb-dual">
<aside class="sb-dual-nav" aria-label="Section navigation">
<header>
<span class="sb-dual-mark" aria-hidden="true"></span>
<span class="sb-dual-name">Birch<small>docs</small></span>
</header>
<h3>Getting started</h3>
<nav aria-label="Section navigation">
<ul>
<li><a href="#!">Installation</a></li>
<li><a href="#!" aria-current="page">Quick start</a></li>
<li><a href="#!">Configuration</a></li>
<li><a href="#!">Examples</a></li>
</ul>
</nav>
<h3>Concepts</h3>
<nav aria-label="Concepts">
<ul>
<li><a href="#!">Routing</a></li>
<li><a href="#!">Layouts</a></li>
<li><a href="#!">Data fetching</a></li>
</ul>
</nav>
<h3>Recipes</h3>
<nav aria-label="Recipes">
<ul>
<li><a href="#!">Auth</a></li>
<li><a href="#!">Forms</a></li>
</ul>
</nav>
</aside>
<main class="sb-dual-main">
<span class="sb-dual-eye">v3.4 · Feb 2026</span>
<h2>Quick start.</h2>
<p class="sb-dual-lead">
Install the package and ship your first page in under five minutes. The CLI scaffolds a new
project; the dev server starts on port 4321.
</p>
<h2>Installation</h2>
<p>
Run <code>npm create birch@latest</code>. The interactive CLI asks for your project name and
template choice.
</p>
<h2>Run the dev server</h2>
<p>
Start the dev server with <code>npm run dev</code>. Hot-reload is enabled by default — edits
to any file refresh the browser instantly.
</p>
<p>
Build for production with <code>npm run build</code>; the output is a static
<code>dist/</code> ready for any host.
</p>
</main>
<aside class="sb-dual-toc" aria-label="On this page">
<h3>On this page</h3>
<nav aria-label="On this page">
<ul>
<li><a href="#!" aria-current="true">Installation</a></li>
<li><a href="#!">Run the dev server</a></li>
<li><a href="#!">Build for prod</a></li>
<li><a href="#!">Deploy</a></li>
</ul>
</nav>
<p class="sb-dual-edit">Edit on GitHub →</p>
</aside>
</div>