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.