Hello, World!
\n )\n}\n```\n\nTo make your app, without auto paging and auto filing, your file tree should look like:\n```\n/\n index.ts\n authtics_host.config.ts\n client/\n app.tsx\n pages/\n index.tsx\n```\n\n`index.ts` should look like:\n```ts\nimport { App } from \"@bananacool467/authtics-host\";\n\nconst app = new App();\napp.registerApp(\"client/app.tsx\");\n```\n\n`authtics_host.config.ts` should look like:\n```ts\nimport { defineConfig } from \"@bananacool467/authtics-host\";\n\nexport default defineConfig({\n port: 8000,\n renderType: 'ssr',\n devMode: true,\n autoFile: false,\n autoPage: false\n})\n```\n\n`client/app.tsx` should look like:\n```tsx\nimport { Route, RouteMap } from \"@bananacool467/authtics-host\";\nimport Index from \"./pages/index\";\n\nexport default function App() {\n return (\nHello, World!
\n )\n}\n```\n\n## To Run The Project\n\nMake sure **Node 22** is installed:\n```\nnvm install 22\n```\n\nTo switch to **Node 22** use:\n```\nnvm use 22\n```\n\nTo run the project use:\n```\nnode --experimental-strip-types index.ts\n```\n\n## Result\n\nThen when you run your project, you will get a page just saying **\"Hello, World!\"** and you should see a clickable Developer Panel at the bottom-right.\n\n## About The Developer Panel\n\nThe Developer Panel is what you could use to help you debug your code. The Developer Panel has **8 tabs**:\n\n* **Console** — Shows current logs.\n* **Route** — Shows information about the current route.\n* **Webpage Info** — Shows information about the website/webpage.\n* **Network** — Shows the current ping and shows sent fetches from the client and shows received from the server after fetching.\n* **Client Info** — Shows information about your client's User Agent, OS **(Operating System)** and FPS **(Frames Per Second)**.\n* **About Host** — Shows the current version of *Authtics Host*.\n* **Server Info** — Shows how much heap was used and how much CPU was used on the server and how much requests there were and how much users are currently on the site and how long the site has been up.\n* **Panel Customization** — Customize the dev panel.\n\nThe information the Developer Panel shows outside of the tabs is just your **DAT** (Developer Access Token).\n\n**(Note: If you do not set DAT restriction (Which will be explained on how to set it up in the next section), you will only get access to the Console and Network tabs)**\n\nThe Developer Panel also have remote buttons:\n\n* **Restart App** — Restarts the website.\n* **Shut Down App** — Stops the website.\n* **Pause Users**/**Resume Users** — Stops users from reaching a site and they will get a JSON error message like this when visiting if Pause Users is on:\n```json\n{ \"message\": \"unhandled request\" }\n```\nunless you click **Resume Users**, to show a **Paused Screen** when `autoPaging` is **off** you have to go to your `authtics_host.config.ts` and then add:\n```typescript\n\"hasPausedRoute\": true\n```\nand then create a file like `paused.tsx` and then inside `App.tsx`, import `Paused` from `@bananacool467/authtics-host` and then import your `Paused` page and then add in `RouteMap`:\n```tsx\n