MPA first. SPA when ready.

Keep the HTML. Upgrade the navigation.

Turn the HTML you already ship into an SPA experience – with nested layouts and route lifecycle, but without rebuilding it as an app shell.

Try it. No reload. See the three-step migration

The upgrade path

Progressive by default

On the first visit, the browser loads a complete page from your host. Aura then adopts the rendered content and enhances marked same-origin links.

01 / HTML

Real pages

Each URL returns useful HTML for people, search crawlers and browsers without JavaScript.

02 / REUSE

No duplicate first fetch

On flat routes, Aura adopts the #content already on screen and skips the pointless second fetch.

03 / NAVIGATE

SPA after boot

Later links fetch HTML, extract the next view, and update browser history.

Minimal setup

Routes stay in HTML

No framework adapter is required. Use plain HTML, vanilla Custom Elements or Lit.

index.html

<aura-outlet></aura-outlet>

<aura-router extract="#content">
  <aura-route path="/" view="/"></aura-route>
  <aura-route path="/about/" view="/about/"></aura-route>
</aura-router>

<a href="/about/" aura-router-link>About</a>

<script type="module">
  import { AuraRouter } from '@auraui/router';
  AuraRouter.install();
</script>