> ## Documentation Index
> Fetch the complete documentation index at: https://docs.instantschema.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Quickstart

> Add InstantSchema to any site in under a minute

# Quickstart

The fastest way to get started is the CDN script — one tag in your `<head>` and you're done.

New to InstantSchema? Read the [Introduction](/) first for how it works and which integration method fits your site.

## 1. Get your Project ID

Open your [InstantSchema dashboard](https://app.instantschema.com), select your project, and copy the **Project ID** from the integration panel.

## 2. Add the script tag

Paste this into the `<head>` of every page on your site:

```html theme={null}
<script
  src="https://app.instantschema.com/v1/loader.js"
  data-project-id="YOUR_PROJECT_ID"
  async
></script>
```

That's it. The loader fetches the right schemas for each page URL and injects them automatically.

## 3. Verify

Return to your dashboard. The integration panel polls automatically — it will show **Integration active** once the script is detected on your site (usually within 8 seconds of the page loading).

***

## Other integration methods

The CDN script injects schemas via JavaScript. If you need schemas in raw HTML (for maximum SEO fidelity), use a server-side method instead:

* [Next.js SDK](/integrations/nextjs) — `<InstantSchemaHead>` in your root layout
* [Astro](/integrations/astro) — `fetchSchemas()` in frontmatter
* [Nuxt / Vue SSR](/integrations/nuxt) — `useInstantSchema()` composable
* [GTM](/integrations/gtm) — paste the CDN tag as a Custom HTML tag
* [Custom API](/integrations/api) — call the REST endpoint directly from your server

See [Integrations → Overview](/integrations/overview) for a comparison.
