effect-start-routing

Build route trees and wire route modules in effect-start TypeScript projects.

3|Updated Jul 30, 2024
One-click install
npx skills add https://github.com/nounder/dotfiles --skill effect-start-routing
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: effect-start-routing
Source: https://github.com/nounder/dotfiles/tree/main/claude/skills/effect-start-routing
Command: npx skills add https://github.com/nounder/dotfiles --skill effect-start-routing

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Organize routes in effect-start applications by defining a clear, hierarchical routing tree and shared middleware.

Core Features & Use Cases

  • Configure Route.tree to map URL paths to route modules (e.g., "/", "/users", "/users/:id" and catch-alls)
  • Apply middleware and response shaping across nested routes with Route.use and layer.tsx
  • Enable JSX routes with HyperRoute support and dynamic imports for modular routing

Quick Start

Define your route structure under src/routes using the examples in SKILL.md and import them into Route.tree.

Frequently Asked Questions about effect-start-routing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I organize nested routes in effect-start applications?▼

Organize nested routes in effect-start by building a hierarchical routing tree using Route.tree to map URL paths like "/users/:id" to route modules. This structure allows modular file-based route definitions across files like route.tsx and index routes.

What is the best way to apply middleware across multiple routes in TypeScript?▼

Apply middleware across multiple routes in TypeScript by using Route.use and layer.tsx files. This approach enables shaping responses and enforcing shared logic across nested route hierarchies efficiently.

Does effect-start support file-based routing with dynamic imports?▼

Yes, effect-start supports file-based routing with dynamic imports. You can enable JSX routes with HyperRoute support to model path trees and dynamically import route modules for modular routing structures.

How do I configure catch-all routes using Route.tree?▼

Configure catch-all routes using Route.tree by mapping URL paths to route modules within your TypeScript project. This organizes your routing structure to handle undefined paths alongside standard routes like "/" and "/users".

Can I use HyperRoute to model path trees across multiple files?▼

Yes, you can use HyperRoute to model path trees across multiple files. It enables JSX routes and allows you to wire route modules together into Route.tree for composable and modular routing.