# Quickstart
Source: https://docs.arcyai.com/quickstart
Your environment's snippets, with the real token already filled in, live in the dashboard
under **Settings > Installation**. No account yet? Start with
[Create your account](/getting-started/create-account).
Everything ARCY does is configured from the dashboard, not in code. There is no config
file, no build step, and nothing to redeploy when you change a setting.
## Required steps
### Add arcy.js to your app
Pick your framework. Every path does the same two things: `init()` starts ARCY with your
environment token, and `identify()` tells ARCY who the current user is.
React
Next.js
Vue
Nuxt
Svelte
Angular
Astro
React Router
HTML
Install the package:
Then call ARCY once, where your app starts. In a Vite or Create React App project that is
your root component:
Install the package:
arcy.js runs in the browser only, so keep the call in a client component.
App Router
Pages Router
Add one client component and render it in your root layout:
```tsx title="app/layout.tsx"
import { ARCY } from "./arcy"
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
)
}
```
Call ARCY once in `_app.tsx`, the component that wraps every page:
Install the package:
Then call ARCY where you create the app:
Install the package:
Then add a client plugin. The `.client` in the file name keeps it out of the server render:
Install the package:
Then call ARCY from your root layout, inside `onMount` so it runs in the browser only:
Install the package:
Then call ARCY from your root component:
Install the package:
Then add a script to the layout every page uses. Astro bundles it and runs it in the
browser:
Install the package:
Then call ARCY from your root route, inside an effect so it runs after hydration:
No package to install. Use this path when you have no bundler, or when you install
through a tag manager.
Copy the snippet from **Settings > Installation** in your dashboard and paste it into
your HTML before the closing `` tag. It has two parts:
1. **ARCY's loader script.** Minified, self-contained, and already carrying your
environment's token. It loads arcy.js asynchronously, so your page load speed is
unaffected, and it queues any calls made before the script finishes loading. Paste it
exactly as it is. You never need to read, edit, version, or host it.
2. **Your identify script.** A short, readable script with the `arcy.identify()` call.
This is the only part you edit.