48:I[660678,["/_next/static/chunks/1_xevzcqkwdi6.js","/_next/static/chunks/1xli048pq-ek6.js","/_next/static/chunks/2t1119em3uggf.js","/_next/static/chunks/3ndfog0156ssk.js","/_next/static/chunks/2e4udl7tfg2xd.js","/_next/static/chunks/0ipw6pdbca2nn.js","/_next/static/chunks/19fyfn-j_bqw4.js","/_next/static/chunks/0nsogqyo9f92a.js","/_next/static/chunks/0pp6seif9t0rh.js","/_next/static/chunks/0w40435yyf_aw.js","/_next/static/chunks/3dp-pq73xzz-a.js","/_next/static/chunks/1umhym11g537p.js","/_next/static/chunks/1gth09_ur0iam.js","/_next/static/chunks/40fmu66fmb8tm.js","/_next/static/chunks/22ulpibmvf72b.js","/_next/static/chunks/2a4jc680f5x-9.js","/_next/static/chunks/3bhq66ea_v7by.js","/_next/static/chunks/44c_5nh0vyeb5.js","/_next/static/chunks/1jiredr0b6jr_.js","/_next/static/chunks/2nw5jdup18fxv.js","/_next/static/chunks/2ghxk472-g0i6.js","/_next/static/chunks/1gwg3oqv8zf-1.js","/_next/static/chunks/0j0i0eaqnrij4.js","/_next/static/chunks/32dzmzjp2_166.js","/_next/static/chunks/385-w0fbog4mf.js","/_next/static/chunks/3-906s1ue5fj3.js","/_next/static/chunks/0a0b6s3o7q6fp.js","/_next/static/chunks/0ojgzwcpt7vsk.js","/_next/static/chunks/34y7-26s89h2f.js","/_next/static/chunks/2641m2aqdum9a.js","/_next/static/chunks/2u9vn7a5ysdfi.js","/_next/static/chunks/2l8l4_a9-xhts.js","/_next/static/chunks/21q5ssio5wx06.js","/_next/static/chunks/2t_5zfez2-77k.js","/_next/static/chunks/1b7evg-naco1d.js","/_next/static/chunks/1j29bqcxcpyur.js"],"HydrationBoundary"] 47:T998,{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://app.codemod.com/registry#website","url":"https://app.codemod.com/registry","name":"Codemod Registry"},{"@type":"Organization","@id":"https://app.codemod.com#org","name":"Mohamad Mohebifar","url":"https://app.codemod.com","logo":"https://avatars.githubusercontent.com/u/6104558?v=4"},{"@type":"BreadcrumbList","@id":"https://app.codemod.com/registry/next-typed-routes#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Registry","item":"https://app.codemod.com/registry"},{"@type":"ListItem","position":2,"name":"next-typed-routes","item":"https://app.codemod.com/registry/next-typed-routes"}]},{"@type":"WebPage","@id":"https://app.codemod.com/registry/next-typed-routes#webpage","url":"https://app.codemod.com/registry/next-typed-routes","name":"next-typed-routes - Codemod Registry","description":"Transform Next.js app router page components to use typed routes","isPartOf":{"@id":"https://app.codemod.com/registry#website"},"author":{"@id":"https://app.codemod.com#org"},"breadcrumb":{"@id":"https://app.codemod.com/registry/next-typed-routes#breadcrumb"},"mainEntity":{"@id":"https://app.codemod.com/registry/next-typed-routes#sourcecode"}},{"@type":"SoftwareSourceCode","@id":"https://app.codemod.com/registry/next-typed-routes#sourcecode","name":"next-typed-routes","description":"Transform Next.js app router page components to use typed routes","url":"https://app.codemod.com/registry/next-typed-routes","publisher":{"@id":"https://app.codemod.com#org"},"image":"https://avatars.githubusercontent.com/u/6104558?v=4","isAccessibleForFree":true,"license":"MIT","codeRepository":"https://github.com/codemod/next-typed-routes-codemod","version":"0.1.3","keywords":["transformation","migration","next.js","app router","next"],"datePublished":"2025-09-05 08:16:50.686851+00","dateModified":"2025-09-05 08:44:56.827526+00"},{"@type":"SoftwareApplication","@id":"https://app.codemod.com/registry/next-typed-routes#app","name":"next-typed-routes codemod","description":"Transform Next.js app router page components to use typed routes","url":"https://app.codemod.com/registry/next-typed-routes","publisher":{"@id":"https://app.codemod.com#org"},"softwareVersion":"0.1.3","applicationCategory":"DeveloperApplication","operatingSystem":"Cross-platform","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","availability":"https://schema.org/InStock"}}]}49:T720,# next-typed-routes Transform Next.js `page.tsx` components to use typed route props types based on their file path location. ## How to run? ```bash npx codemod@latest next-typed-routes ``` This codemod automatically transforms Next.js App Router page and layout components to use `PageProps<"/foo/bar">` and `LayoutProps<"/foo">` types based on their file system location. ### What it does: - Converts manual prop type definitions to typed route props - Automatically infers the route path from the file location - Handles dynamic routes like `[id]`, `[slug]`, etc. - Skips route groups like `(group)` in the path - Skips parallel routes like `@modal`, `@auth` in the path - Supports both page and layout components ### Examples: **Before:** ```tsx // File: src/app/foo/[id]/page.tsx export default function Page(props: { params: { id: string } }) { return

Hello {props.params.id}

; } ``` **After:** ```tsx // File: src/app/foo/[id]/page.tsx export default function Page(props: PageProps<"/foo/[id]">) { return

Hello {props.params.id}

; } ``` **Route path resolution:** - `/home/user/project/src/app/page.tsx` → `PageProps<"/">` - `/home/user/project/src/app/foo/page.tsx` → `PageProps<"/foo">` - `/home/user/project/src/app/foo/[id]/page.tsx` → `PageProps<"/foo/[id]">` - `/home/user/project/src/app/(group)/foo/page.tsx` → `PageProps<"/foo">` (group ignored) - `/home/user/project/src/app/@modal/login/page.tsx` → `PageProps<"/login">` (parallel route ignored) - `/home/user/project/src/app/foo/layout.tsx` → `LayoutProps<"/foo">` ### Requirements: - Next.js App Router project structure - TypeScript files with `.tsx` extension - Page or layout components exported as default exports - Components must be function declarations, function expressions, or arrow functions 19:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"$47"}}],["$","$L48",null,{"state":{"mutations":[],"queries":[{"state":{"data":{"json":{"id":"2571b3af-e32a-4946-a609-302bdded8c1e","name":"next-typed-routes","displayName":"next-typed-routes","description":"Transform Next.js app router page components to use typed routes","scope":null,"visibility":"public","downloadCount":41,"executionCount":71,"createdAt":"2025-09-05 08:16:50.686851+00","updatedAt":"2025-09-05 08:44:56.827526+00","latestVersion":"0.1.3","keywords":["transformation","migration","next.js","app router","next"],"starCount":5,"author":"Mo Mohebifar ","homepage":null,"repository":"https://github.com/codemod/next-typed-routes-codemod","license":"MIT","access":"public","documentation":null,"bugsUrl":null,"readme":"$49","organization":{"id":null,"name":null,"slug":null,"avatarUrl":null},"owner":{"id":"60be2aab-7f92-4158-b1ba-ee62555b75f0","username":"mohebifar","name":"Mohamad Mohebifar","avatarUrl":"https://avatars.githubusercontent.com/u/6104558?v=4"},"isLegacy":false,"versions":[{"version":{"id":"8d01df5a-e8f4-4aa0-9479-626fe4cd1769","packageId":"2571b3af-e32a-4946-a609-302bdded8c1e","version":"0.1.3","description":"Transform Next.js app router page components to use typed routes","manifest":{"name":"next-typed-routes","author":"Mo Mohebifar ","license":"MIT","targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"version":"0.1.3","category":"migration","keywords":["transformation","migration","next.js","app router","next"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/codemod/next-typed-routes-codemod","description":"Transform Next.js app router page components to use typed routes","dependencies":[],"schema_version":"1.0"},"checksum":"1e3c90928f61f690a0db81f1268779166179df826eb3074318dd75329dcd6b43","size":6488,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/next-typed-routes/0.1.3/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]},"validated":true,"validationErrors":null,"publishedBy":"60be2aab-7f92-4158-b1ba-ee62555b75f0","deprecated":false,"deprecationMessage":null,"downloadCount":37,"cachedTestCases":null,"defaultWorkflowName":"default","createdAt":"2025-09-05T08:44:56.827Z","updatedAt":"2026-06-09 13:55:49.126361+00"},"publishedBy":{"id":"60be2aab-7f92-4158-b1ba-ee62555b75f0","username":"mohebifar","name":"Mohamad Mohebifar"},"insightsTemplate":{"packageVersionId":"8d01df5a-e8f4-4aa0-9479-626fe4cd1769","status":"ready","generatedAt":"2026-07-21T15:57:47.394Z"},"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"db1a7794-9e95-4911-8bfd-0e0e5f84db2a","packageId":"2571b3af-e32a-4946-a609-302bdded8c1e","version":"0.1.2","description":"Transform Next.js app router page components to use typed routes","manifest":{"name":"next-typed-routes","author":"Mo Mohebifar ","license":"MIT","targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"version":"0.1.2","category":"migration","keywords":["transformation","migration","next.js","app router","next"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/codemod/next-typed-routes-codemod","description":"Transform Next.js app router page components to use typed routes","dependencies":[],"schema_version":"1.0"},"checksum":"242a77fb4657b84fe72897a62be0328f6ea618b60a7f75d836565eff7fcbd661","size":6503,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/next-typed-routes/0.1.2/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]},"validated":true,"validationErrors":null,"publishedBy":"60be2aab-7f92-4158-b1ba-ee62555b75f0","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":null,"defaultWorkflowName":"default","createdAt":"2025-09-05T08:40:40.929Z","updatedAt":"2025-12-24 09:02:51.511904+00"},"publishedBy":{"id":"60be2aab-7f92-4158-b1ba-ee62555b75f0","username":"mohebifar","name":"Mohamad Mohebifar"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"84da9974-304c-4c05-8e32-47525250582f","packageId":"2571b3af-e32a-4946-a609-302bdded8c1e","version":"0.1.1","description":"Transform Next.js app router page components to use typed routes","manifest":{"name":"next-typed-routes","author":"Mo Mohebifar ","license":"MIT","targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"version":"0.1.1","category":"migration","keywords":["transformation","migration","next.js","app router","next"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/codemod/next-typed-routes-codemod","description":"Transform Next.js app router page components to use typed routes","dependencies":[],"schema_version":"1.0"},"checksum":"5fcff099e600cffd9cfb82e7e97fed70db7668016ff07e670fee7f7c0ae5127a","size":6492,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/next-typed-routes/0.1.1/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]},"validated":true,"validationErrors":null,"publishedBy":"60be2aab-7f92-4158-b1ba-ee62555b75f0","deprecated":false,"deprecationMessage":null,"downloadCount":2,"cachedTestCases":null,"defaultWorkflowName":"default","createdAt":"2025-09-05T08:22:18.540Z","updatedAt":"2025-12-24 09:02:51.418687+00"},"publishedBy":{"id":"60be2aab-7f92-4158-b1ba-ee62555b75f0","username":"mohebifar","name":"Mohamad Mohebifar"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]},{"version":{"id":"9587d0aa-b751-4342-ac66-c0698d7ed011","packageId":"2571b3af-e32a-4946-a609-302bdded8c1e","version":"0.1.0","description":"Transform Next.js app router page components to use typed routes","manifest":{"name":"next-typed-routes","author":"Mo Mohebifar ","license":"MIT","targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"version":"0.1.0","category":"migration","keywords":["transformation","migration","next.js","app router","next"],"registry":{"access":"public","visibility":"public"},"workflow":"workflow.yaml","repository":"https://github.com/codemod/next-typed-routes-codemod","description":"Transform Next.js app router page components to use typed routes","dependencies":[],"schema_version":"1.0"},"checksum":"28afc190461ecd5eac61dde8208c846d0a66bd9eb21e2cc82014eead11a19f60","size":6410,"downloadUrl":"https://registry-cdn.codemod.com/prod/packages/next-typed-routes/0.1.0/public.tar.gz","aiGenerated":false,"sourceArchiveS3Key":null,"targets":{"versions":{},"languages":["tsx"],"frameworks":[]},"dependencies":[],"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]},"validated":true,"validationErrors":null,"publishedBy":"60be2aab-7f92-4158-b1ba-ee62555b75f0","deprecated":false,"deprecationMessage":null,"downloadCount":0,"cachedTestCases":null,"defaultWorkflowName":"default","createdAt":"2025-09-05T08:16:50.686Z","updatedAt":"2025-12-24 09:02:51.320649+00"},"publishedBy":{"id":"60be2aab-7f92-4158-b1ba-ee62555b75f0","username":"mohebifar","name":"Mohamad Mohebifar"},"insightsTemplate":null,"workflows":[{"name":"default","path":"workflow.yaml","description":null,"isDefault":true,"languages":["tsx"],"stepTypes":["js-ast-grep"],"workflowMetadata":{"nodes":[{"id":"apply-transforms","name":"Apply AST Transformations","steps":[{"name":"Scan tsx files and apply fixes","type":"js-ast-grep","language":"tsx"}]}]}}],"packageBehavior":"workflow-only","isBundle":false,"bundleChildren":[],"parentBundles":[]}],"distTags":{"latest":"0.1.3"},"latestPackageBehavior":"workflow-only","cachedTestCases":null},"meta":{"values":{"versions.0.version.createdAt":["Date"],"versions.0.insightsTemplate.generatedAt":["Date"],"versions.1.version.createdAt":["Date"],"versions.2.version.createdAt":["Date"],"versions.3.version.createdAt":["Date"]}}},"dataUpdateCount":1,"dataUpdatedAt":1787655291770,"error":null,"errorUpdateCount":0,"errorUpdatedAt":0,"fetchFailureCount":0,"fetchFailureReason":null,"fetchMeta":null,"isInvalidated":false,"status":"success","fetchStatus":"idle"},"queryKey":[["registry","getPackage"],{"input":{"name":"next-typed-routes","scope":"$undefined"},"type":"query"}],"queryHash":"[[\"registry\",\"getPackage\"],{\"input\":{\"name\":\"next-typed-routes\"},\"type\":\"query\"}]"}]},"children":"$L4a"}]] 1c:null 20:[["$","title","0",{"children":"next-typed-routes - Codemod Registry"}],["$","meta","1",{"name":"description","content":"Transform Next.js app router page components to use typed routes"}],["$","meta","2",{"name":"author","content":"Mohamad Mohebifar"}],["$","meta","3",{"name":"keywords","content":"next-typed-routes, codemod, code transformation, automated refactoring, package, registry, transformation, migration, next.js, app router, next"}],["$","meta","4",{"name":"creator","content":"Mohamad Mohebifar"}],["$","meta","5",{"name":"publisher","content":"Codemod"}],["$","meta","6",{"name":"robots","content":"index, follow"}],["$","meta","7",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","meta","8",{"name":"application-name","content":"Codemod Registry"}],["$","meta","9",{"name":"apple-mobile-web-app-title","content":"Codemod"}],["$","meta","10",{"name":"apple-mobile-web-app-capable","content":"yes"}],["$","meta","11",{"name":"apple-mobile-web-app-status-bar-style","content":"default"}],["$","meta","12",{"name":"format-detection","content":"telephone=no"}],["$","meta","13",{"name":"mobile-web-app-capable","content":"yes"}],["$","meta","14",{"name":"msapplication-config","content":"/browserconfig.xml"}],["$","meta","15",{"name":"msapplication-TileColor","content":"#000000"}],["$","meta","16",{"name":"msapplication-tap-highlight","content":"no"}],["$","meta","17",{"name":"theme-color","content":"#000000"}],["$","meta","18",{"name":"viewport","content":"width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"}],["$","link","19",{"rel":"canonical","href":"https://app.codemod.com/registry/next-typed-routes"}],["$","meta","20",{"property":"og:title","content":"next-typed-routes - Codemod Registry"}],["$","meta","21",{"property":"og:description","content":"Transform Next.js app router page components to use typed routes"}],["$","meta","22",{"property":"og:url","content":"https://app.codemod.com/registry/next-typed-routes"}],["$","meta","23",{"property":"og:site_name","content":"Codemod Registry"}],["$","meta","24",{"property":"og:locale","content":"en_US"}],["$","meta","25",{"property":"og:image","content":"https://app.codemod.com/api/og/registry/next-typed-routes"}],["$","meta","26",{"property":"og:image:width","content":"1200"}],["$","meta","27",{"property":"og:image:height","content":"630"}],["$","meta","28",{"property":"og:image:alt","content":"next-typed-routes package"}],["$","meta","29",{"property":"og:type","content":"website"}],["$","meta","30",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","31",{"name":"twitter:site","content":"@codemod"}],["$","meta","32",{"name":"twitter:creator","content":"@codemod"}],["$","meta","33",{"name":"twitter:title","content":"next-typed-routes - Codemod Registry"}],["$","meta","34",{"name":"twitter:description","content":"Transform Next.js app router page components to use typed routes"}],["$","meta","35",{"name":"twitter:image","content":"https://app.codemod.com/api/og/registry/next-typed-routes"}]]