Define request middleware for authentication, logging, and context in @rangojs/router applications.
npx skills add https://github.com/rangojs/rango --skill middleware-rangojs
Please help me install this Agent Skill. Skill: middleware Source: https://github.com/rangojs/rango/tree/main/packages/rangojs-router/skills/middleware Command: npx skills add https://github.com/rangojs/rango --skill middleware-rangojs
router.use() to wrap entire requests including server actions, or route middleware with middleware() inside urls() to wrap rendering only. - Typed context sharing: Pass data from middleware to handlers using ctx.set/ctx.get with createVar<T>() or Rango.Vars augmentation for type-safe request state. - Common patterns included: Ready-made examples for auth guards, permission checks, request logging, KV-backed rate limiting, redirects with flash state, and build-time PPR shell middleware. - Use Case: Protect an /admin section by registering router.use("/admin/*", requireAuth) so both page renders and server actions are gated, while a route-level middleware sets per-render context variables. ## Quick Start Add an authentication middleware to my Rango router that protects all routes under /admin and redirects unauthenticated users to /login.High-intent search queries and answers about installing and using this skill.
Register global middleware with router.use("/admin/*", requireAuth) to protect both rendering and server actions, or use middleware(authMw) inside urls() for render-only scoping. Throw a 401 Response or return redirect("/login") when the user is not authenticated.
Global middleware registered with router.use() wraps the entire request including server actions and progressive enhancement re-renders. Route middleware declared inside urls() wraps rendering only and does not guard server action execution.
No, route middleware cannot guard server actions because actions execute before route middleware runs. Use pattern-scoped global middleware like router.use("/admin/*", requireAuth) or check authorization inside the action body itself.
Use createVar<T>() to define a typed variable, set it in middleware with ctx.set(CurrentUser, user), and read it in handlers with ctx.get(CurrentUser). Alternatively use string keys with global typing via Rango.Vars augmentation.
Plain Prerender does not run middleware since there is no request. The exception is Prerender with ppr build-shell capture, where middleware replays with ctx.build === true and ctx.dynamic() can opt a URL out of the baked shell.
mehdibhaImplements type-safe routing with TanStack Router route trees, loaders, and navigation.
selrai-companyImplement and optimize Next.js App Router applications and React Server Components.
rodrigobranasStandardize Zustand stores, slices, and selectors for React apps.
oakossBuild RPC-style server functions with createServerFn, Zod validation, and middleware.