SuperAPI AI 工具集

nextjs-routing-advanced

前端与建站

查看项目

更新于 10-15 23:41

技能介绍

用途:该技能面向 Next.js App Router 的高级路由场景,帮助实现动态博客/产品页、捕获所有文档路由、仪表盘布局、图片画廊模态框以及 API 端点。

主要能力:支持单段与多段动态路由 [slug]、捕获所有 [...slug]、可选捕获所有 [[...slug]]、不影响 URL 的路由组 (name)、并行路由 @slot、拦截路由 (.)/(..)/(...)、私有文件夹 _folder;提供 Link、router.push/replace、redirect、permanentRedirect 等导航方式;Route Handlers 支持 GET/POST/PUT/DELETE,可设置 dynamic、runtime、revalidate;支持 searchParams 读取与客户端 URL 更新。

使用方式:在 app 目录按约定命名文件夹与文件,如 app/blog/[slug]/page.tsx、app/docs/[...slug]/page.tsx、app/@modal/(.)photo/[id]/page.tsx、app/api/posts/route.ts;params 与 searchParams 使用 Promise 类型并 await 取值。

适用场景:动态内容页、文档站、仪表盘、模态框交互、API 接口。

限制:资料未提供安装命令、收费、价格、平台或效果信息;相关基础路由、中间件与数据获取需参考 nextjs-app-router、nextjs-middleware、nextjs-data-fetching 等技能。