Language: EN / JA

neouter

neouter($/njuːtər/$, ニョーター) is type-assisted router for minimalists!

Supports baseline browsers in 2026 (Chrome 123+, Firefox 147+, Safari 26.2+) In earlier browsers, it works as hard navigation.

Installation

npm i neouter

Usage

See the API Reference for details.

Defining Routes

import{useCreateRoutes}from"neouter";typePathPatterns="/"|"/about";constroutes: Record<PathPatterns,{component: ()=>JSX.Element}>={"/": {component: ()=><div>Hello!</div>,},"/about": {component: ()=><div>About</div>,},};declare module "neouter"{interfaceRegister{pathPatterns: PathPatterns;}}exportconstApp=()=>{const{ Router, RouterProvider }=useCreateRoutes({ routes });return(<RouterProvider><Router/></RouterProvider>);};

Link

import{Link}from"neouter";exportconstPage=()=>{return(<div><p>
neouter is a routing library for people who are obsessed with
simplicity😄
</p><Linkhref="/learn">Learn more</Link></div>);};

Title

You can use native the <title> tag anywhere in React. https://react.dev/reference/react-dom/components/title

exportconstPage=()=>{return(<div><title>neouter</title><p>
neouter is a routing library for people who are obsessed with
simplicity😄
</p></div>);};

Contributing

See CONTRIBUTING.md