{
  "id": "d724c278e22c266a3588ade2",
  "source": "solid:signals",
  "type": "github-document",
  "title": "app",
  "content": "---\ntitle: app.tsx\nuse_cases: \u003e-\n  routing setup, app structure, layout definition, navigation setup, entry point\n  configuration\ntags:\n  - routing\n  - app\n  - entry\n  - layout\n  - navigation\n  - components\nversion: '1.0'\ndescription: \u003e-\n  Define your SolidStart app's entry point and routing structure. Set up\n  navigation, layouts, and isomorphic application logic.\n---\n\nThe `App` component is the isomorphic (shared on server and browser) entry point into your application.\nThis is where the code runs on both sides.\nThis is like the classic entry point where you can define your router, and other top level components.\n\n## Basic example (with routing)\n\nThis is where routers setup navigation between the pages discovered by the [`FileRouter`](/solid-start/reference/routing/file-routes).\n\n```tsx\nimport { A, Router } from \"@solidjs/router\";\nimport { FileRoutes } from \"@solidjs/start/router\";\nimport { Suspense } from \"solid-js\";\n\nexport default function App() {\n\treturn (\n\t\t\u003cRouter\n\t\t\troot={(props) =\u003e (\n\t\t\t\t\t\u003cA href=\"/\"\u003eIndex\u003c/A\u003e\n\t\t\t\t\t\u003cA href=\"/about\"\u003eAbout\u003c/A\u003e\n\t\t\t\t\t\u003cSuspense\u003e{props.children}\u003c/Suspense\u003e\n\t\t\t)}\n\t\t\u003e\n\t\t\t\u003cFileRoutes /\u003e\n\t\t\u003c/Router\u003e\n\t);\n}\n```\n\nSee a similar example in [StackBlitz](https://stackblitz.com/github/solidjs/solid-start/tree/main/examples/basic?file=src%2Fapp.tsx)\n\n## Bare example (no routing)\n\nSince SolidStart does not come packaged with a router, you can simply return your template of choice:\n\n```tsx\nexport default function App() {\n\treturn (\n\t\t\u003cmain\u003e\n\t\t\t\u003ch1\u003eHello world!\u003c/h1\u003e\n\t\t\u003c/main\u003e\n\t);\n}\n```\n\nSee this example in [StackBlitz](https://stackblitz.com/github/solidjs/solid-start/tree/main/examples/bare?file=src%2Fapp.tsx)",
  "url": "https://github.com/solidjs/solid-docs/blob/HEAD/src/routes/solid-start/reference/entrypoints/app.mdx",
  "metadata": {
    "path": "src/routes/solid-start/reference/entrypoints/app.mdx",
    "repo": "solidjs/solid-docs",
    "repo_url": "https://github.com/solidjs/solid-docs.git",
    "size": 1660,
    "source_type": "github"
  },
  "hash": "0be79472fc12636c5ebfc05dde46f56f18a67857f3de13abfdfafba6b3557bf3",
  "timestamp": "2026-02-23T11:43:00.194827095+01:00"
}