{
  "id": "b4049256af08e2b53e24d3d4",
  "source": "solid:signals",
  "type": "github-document",
  "title": "base",
  "content": "---\ntitle: Base\norder: 5\nuse_cases: \u003e-\n  setting base url, relative urls, external resources, multi-page apps, cdn\n  assets\ntags:\n  - base\n  - url\n  - meta\n  - head\n  - routing\nversion: '1.0'\ndescription: \u003e-\n  Set the base URL for all relative URLs in your Solid app with the Base\n  component. Essential for apps with complex routing or external resources.\n---\n\n`Base` is a component that specifies the base URL for all relative URLs in the document.\nThis provides a way to define the [`base`](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base) element of your document's `head`.\n\n```tsx twoslash\nimport { Base } from \"@solidjs/meta\";\n\n\u003cBase target=\"_blank\" href=\"https://docs.solidjs.com/\" /\u003e;\n```\n\n## Usage\n\n### Adding `base` tag\n\n```tsx twoslash\nimport { MetaProvider, Base } from \"@solidjs/meta\";\n\nexport default function Root() {\n\treturn (\n\t\t\u003cMetaProvider\u003e\n\t\t\t\u003cBase target=\"_blank\" href=\"https://docs.solidjs.com/\" /\u003e\n\t\t\u003c/MetaProvider\u003e\n\t);\n}\n```",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-meta/reference/meta/base.mdx",
  "metadata": {
    "path": "src/routes/solid-meta/reference/meta/base.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 964,
    "source_type": "github"
  },
  "hash": "61b90fc75b0f269458db57020e4674a3bd22a909a3af6aced00792f01312bfb5",
  "timestamp": "2026-02-23T11:43:00.191199016+01:00"
}