Map app/ folder files to Mandu URL routes for pages, APIs, and layouts.
npx skills add https://github.com/konamgil/mandu --skill mandu-fs-routes
Please help me install this Agent Skill. Skill: mandu-fs-routes Source: https://github.com/konamgil/mandu/tree/main/packages/mcp/src/resources/skills/mandu-fs-routes Command: npx skills add https://github.com/konamgil/mandu --skill mandu-fs-routes
File-system based routing automates turning the app/ folder structure into URL routes, reducing boilerplate and configuration overhead.
Create an app/ folder with page.tsx, route.ts, and layout.tsx files to define your routes.
High-intent search queries and answers about installing and using this skill.
File-system based routing maps your app/ folder structure to URL paths automatically, reducing configuration overhead. By placing files like page.tsx and route.ts in directories, you mirror your desired URL hierarchy to generate pages and API endpoints predictably.
Create dynamic routes by using conventional files like page.tsx and route.ts within the app/ folder. Use bracketed folder names like [id] for single dynamic parameters or [...slug] for catch-all routes to map folder structures to dynamic URL paths.
Yes, you can apply shared layouts by adding a layout.tsx file to your app/ directory structure. This file wraps child page routes, ensuring consistent UI elements and standardized layout behavior across the corresponding URL segments.
Standardize routing behavior using file-system based routing with strict naming conventions. Relying on fixed file names like page.tsx and frontmatter metadata standardizes page generation, API routes, and layouts predictably across the app/ folder.
No, you do not need to manually configure URL paths. File-system based routing automatically maps the app/ folder structure to URL routes, eliminating boilerplate so you can rapidly scaffold pages and APIs by simply mirroring the desired URL structure in directories.
henriquemeireles7Migrate Next.js 13+ projects from Pages Router to App Router.
wsimmondsMaps URL segments to dynamic route files and accesses params in Next.js App Router.
valec3Implement Next.js 15 App Router patterns for routing, server actions, and data fetching.
alti3Design Litestar routing with app/router/controller composition and typed handlers.
