rangojs
Official@rangojs
rangojs maintains @rangojs/router, a React Server Components router with loaders, middleware, caching, PPR, and Cloudflare/Vercel deployment skills.
Agent Skills by rangojs
Showing 48 vetted skills indexed across 1 GitHub repositories.
rangojsprepare
Runs checks, detects public API changes, and flags stale docs before merging.
rangojsbundle-analysis
Audits production bundles for server leaks, duplicated route manifests, and oversized chunks.
rangojsmiddleware
Define request middleware for authentication, logging, and context in @rangojs/router applications.
rangojsdeployment-caching
Select deployment cache boundaries for Rango apps across Cloudflare, Vercel, and Node.
rangojsparallel
Define parallel routes rendering multiple named slots simultaneously in @rangojs/router layouts.
rangojsvercel
Deploy Rango React Server Components apps to Vercel Functions via Build Output API v3.
rangojsmigrate-nextjs
Migrate Next.js App Router projects to the @rangojs/router React Server Components framework.
rangojshandler-use
Attach default loaders, middleware, and parallels to handlers via handler.use in Rango routes.
rangojsroute
Define type-safe URL routes with path() in the @rangojs/router React RSC framework.
rangojscss
Import and render document-level CSS in Rango apps using Vite ?url imports and precedence-managed stylesheet links.
rangojslayout
Define layout routes that wrap child routes with persistent UI shells in @rangojs/router.
rangojsresponse-routes
Create typed JSON, text, and streaming response routes that bypass the RSC pipeline in Rango.
rangojsrango
Explains the @rangojs/router mental model and routes tasks to the correct Rango skill.
rangojscloudflare
Deploy and operate Rango router applications on Cloudflare Workers with D1 and KV bindings.
rangojsintercept
Define intercept routes that render modals during soft navigation in @rangojs/router.
rangojsserver-actions
Define and call React server actions for form submissions, mutations, and revalidation in Rango.
rangojsobservability
Diagnose Rango request latency with performance waterfalls, Server-Timing, and structured telemetry.
rangojsview-transitions
Configure React View Transitions on layouts, routes, and parallel slots in @rangojs/router.
rangojstailwind
Configure Tailwind CSS v4 with the Rango router Document component and Vite CSS imports.
rangojsshell-manifest
Feeds replayed handle data from cached RSC shells to live loaders for batched fetching.
rangojstesting
Test @rangojs/router apps across unit, integration, RSC Flight, and Playwright e2e layers.
rangojscomposability
Build reusable route configuration factories with globally importable helpers in @rangojs/router.
rangojsapi-client
Build a typed TypeScript client for consuming Rango response-route JSON APIs without codegen.
rangojstheme
Implements light/dark mode theming with FOUC prevention in Rango router applications.
Frequently Asked Questions About rangojs
FAQPage SchemaWhat tasks can I accomplish with rangojs skills?▼
The 48 skills cover defining routes, layouts, parallel and intercept routes, data loaders, server actions, middleware, and response routes in @rangojs/router. They also cover caching (segment, function-level, document, PPR), i18n, theming, testing, observability, bundle auditing, and deployment to Cloudflare Workers or Vercel.
Who are rangojs skills designed for?▼
Frontend and full-stack engineers building React Server Components applications who need file-based routing, typed params, streaming loaders, and edge deployment. They also serve teams migrating from Next.js App Router, React Router v6/v7, or Remix, and developers comparing Rango against TanStack Start or Waku.
How do I deploy a Rango app to production?▼
Use the cloudflare skill to deploy on Cloudflare Workers via the Cloudflare Vite plugin with typed D1/KV bindings, secrets, and built-worker deployment, or the vercel skill to deploy via Vercel Functions using Build Output API v3. The deployment-caching skill helps choose between in-function, store-backed, and CDN cache boundaries.
What caching and rendering options does Rango support?▼
Rango supports route/segment caching with memory, Cloudflare KV, or Vercel stores, function-level caching via the "use cache" directive, full-response document caching keyed on Cache-Control s-maxage, build-time prerendering with passthrough fallbacks, and PPR shells that serve cached HTML instantly while resuming live holes.
What prerequisites are needed to use these skills?▼
Skills assume a Rango app built on @rangojs/router with React 19 (for the stylesheet resource model and View Transitions), Vite, and TypeScript for typed routes and environment bindings. Platform-specific skills require Cloudflare Workers with the Vite plugin or a Vercel account supporting Build Output API v3.