{
  "id": "73229d38f5739dd0b21cb8f9",
  "source": "solid:signals",
  "type": "github-document",
  "title": "catch-all",
  "content": "---\ntitle: Catch-all routes\nuse_cases: \u003e-\n  404 pages, handling invalid urls, fallback routes, error boundaries, redirect\n  unknown paths\ntags:\n  - '404'\n  - error-pages\n  - fallback\n  - routing\n  - wildcards\nversion: '1.0'\ndescription: \u003e-\n  Create catch-all routes in SolidJS to handle 404 errors and redirect users\n  from invalid URLs to proper fallback pages.\n---\n\nCatch-all routes are used to match any URL that does not match any other route in the application.\nThis is useful for displaying a 404 page or redirecting to a specific route when a user enters an invalid URL.\n\nTo create a catch-all route, place a route with an asterisk (`*`) as the path at the end of the route list.\nOptionally, you can name the parameter to access the unmatched part of the URL.\n\n```jsx\nimport { Router, Route } from \"@solidjs/router\";\n\nimport Home from \"./Home\";\nimport About from \"./About\";\nimport NotFound from \"./NotFound\";\n\nconst App = () =\u003e (\n  \u003cRouter\u003e\n    \u003cRoute path=\"/home\" component={Home} /\u003e\n    \u003cRoute path=\"/about\" component={About} /\u003e\n    \u003cRoute path=\"*404\" component={NotFound} /\u003e\n  \u003c/Router\u003e\n);\n```\n\nNow, if a user navigates to a URL that does not match `/home` or `/about`, the `NotFound` component will be rendered.",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/concepts/catch-all.mdx",
  "metadata": {
    "path": "src/routes/solid-router/concepts/catch-all.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 1224,
    "source_type": "github"
  },
  "hash": "581140eca5b42c67df184f95386c7cf825b1ca5fdd90e95166a43bc493df05e4",
  "timestamp": "2026-02-23T11:43:00.191612894+01:00"
}