{
  "id": "d07e6e630fef31f5be9f1ea1",
  "source": "solid:signals",
  "type": "github-document",
  "title": "navigate",
  "content": "---\ntitle: Navigate\nuse_cases: \u003e-\n  automatic redirects, programmatic navigation, conditional routing, auth\n  redirects, dynamic routing\ntags:\n  - component\n  - redirects\n  - navigation\n  - programmatic\n  - dynamic\nversion: '1.0'\ndescription: \u003e-\n  Navigate component provides immediate programmatic navigation and redirects,\n  perfect for authentication flows and conditional routing logic.\n---\n\nSolid Router provides a `Navigate` component that works similarly to [`\u003cA\u003e`](/solid-router/reference/components/a), but it will _immediately_ navigate to the provided path as soon as the component is rendered.\nIt also uses the `href` prop, but with the additional option of passing a function to `href` that returns a path to navigate to:\n\n```jsx\nfunction getPath({ navigate, location }) {\n\t// navigate is the result of calling useNavigate(); location is the result of calling useLocation().\n\t// You can use those to dynamically determine a path to navigate to\n\treturn \"/some-path\";\n}\n\n// Navigating to /redirect will redirect you to the result of getPath\n\u003cRoute path=\"/redirect\" component={() =\u003e \u003cNavigate href={getPath} /\u003e} /\u003e;\n```",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-router/reference/components/navigate.mdx",
  "metadata": {
    "path": "src/routes/solid-router/reference/components/navigate.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 1130,
    "source_type": "github"
  },
  "hash": "14bc415f23df7646a73701b58d7a735d6ca30479126945254cb9103b79662714",
  "timestamp": "2026-02-23T11:43:00.192457401+01:00"
}