## #Changing Positions

You can choose where to position your devtool as well. Pass in the `devtool` configuration in `init`:

```typescript
import { init } from '@instantdb/react';

import schema from '../instant.schema.ts';

const db = init({
  appId: process.env.NEXT_PUBLIC_INSTANT_APP_ID!,
  schema,
  devtool: {
    position: 'bottom-right',
  },
});
```

You can set `bottom-left`, `top-left`, `top-right`, `bottom-right`.

## #Custom Hosts

By default, the devtool only shows up on `localhost`. But you can decide which hosts to show it on too. Pass in the `allowedHosts` option:

```typescript
import { init } from '@instantdb/react';

import schema from '../instant.schema.ts';

const db = init({
  appId: process.env.NEXT_PUBLIC_INSTANT_APP_ID!,
  schema,
  devtool: {
    allowedHosts: ['localhost', 'site.local'],
  },
});
```

## #Disabling the devtool

If you would like to hide the devtool completely, you can add `devtool: false` in `init`:

```typescript
import { init } from '@instantdb/react';

import schema from '../instant.schema.ts';

const db = init({
  appId: process.env.NEXT_PUBLIC_INSTANT_APP_ID!,
  schema,
  devtool: false,
});
```

## #Shortcuts

To quickly toggle the window, you can use the shortcut `ctrl` + `shift` + `0` (zero).

## #Feedback?

If you have any feedback, let us know on [Discord](https://discord.com/invite/VU53p7uQcE)

If you are an LLM trying to learn how to develop with Instant, here are all of the links to the docs:

- [Getting started w/ React](/content/docs/index.html)
- [Getting started w/ React Native](/content/docs/start-rn/index.html)
- [Getting started w/ Vanilla JS](/content/docs/start-vanilla/index.html)
- [Getting started w/ SolidJS](/content/docs/start-solidjs/index.html)
- [Getting started w/ Svelte](/content/docs/start-svelte/index.html)
- [Getting started w/ TanStack Start](/content/docs/start-tanstack/index.html)
- [Create Instant App](/content/docs/create-instant-app/index.html)
- [Recommended Workflow](/content/docs/workflow/index.html)
- [Using LLMs](/content/docs/using-llms/index.html)
- [Init](/content/docs/init/index.html)
- [Modeling data](/content/docs/modeling-data/index.html)
- [Writing data](/content/docs/instaml/index.html)
- [Reading data](/content/docs/instaql/index.html)
- [Infinite Queries](/content/docs/infinite-queries/index.html)
- [Instant on the backend](/content/docs/backend/index.html)
- [Patterns](/content/docs/patterns/index.html)
- [Auth](/content/docs/auth/index.html)
- [Magic codes](/content/docs/auth/magic-codes/index.html)
- [Guest Auth](/content/docs/auth/guest-auth/index.html)
- [Google OAuth](/content/docs/auth/google-oauth/index.html)
- [Sign In with Apple](/content/docs/auth/apple/index.html)
- [GitHub OAuth](/content/docs/auth/github-oauth/index.html)
- [LinkedIn OAuth](/content/docs/auth/linkedin-oauth/index.html)
- [Clerk](/content/docs/auth/clerk/index.html)
- [Firebase Auth](/content/docs/auth/firebase/index.html)
- [Permissions](/content/docs/permissions/index.html)
- [Rate Limits](/content/docs/rate-limits/index.html)
- [Managing users](/content/docs/users/index.html)
- [Presence, Cursors, and Activity](/content/docs/presence-and-topics/index.html)
- [Instant CLI](/content/docs/cli/index.html)
- [Devtool](/content/docs/devtool/index.html)
- [Platform API](/content/docs/platform-api/index.html)
- [Explorer Component](/content/docs/explorer-component/index.html)
- [Custom emails](/content/docs/emails/index.html)
- [App teams](/content/docs/teams/index.html)
- [Storage](/content/docs/storage/index.html)
- [Streams](/content/docs/streams/index.html)
- [Stripe Payments](/content/docs/stripe-payments/index.html)
- [Admin HTTP API](/content/docs/http-api/index.html)
- [(Experimental) Next.js SSR](/content/docs/next-ssr/index.html)
- [Migrating from Supabase](/content/docs/migrate-from-supabase/index.html)