nav-router

Guides / Solid

Solid quickstart

Placeholder. A Solid app on nav-router, from install to a routed page, with views written as Solid components.

import { solidRouter } from '@nav-router/solid'1 min read

Placeholder

The outline of this page while the Solid integration settles. The headings are the shape, the notes say what each part will cover.

Install

Install nav-router, @nav-router/solid and solid-js, with Solid’s compiler in the build.

Create the router

solidRouter() in place of router(): same routes, views written as Solid components.

A view reads the route

A view gets the route as props: params, query and data, live as the router moves.

Layouts and slots

A layout component and the pages under it. What a context provider inside a layout does and doesn’t reach.

Next

The pages that build on this: views and props, then shared state.

Edit this pageUpdated Nov 5, 2026