# Getting started (/docs/getting-started)

Sign in at [content.obelism.studio](https://content.obelism.studio/dashboard) with your Obelism account. Content lives in a **space** (one site or project) of your **organization**, in one of three [environments](/docs/guides/environments). Work in develop until the site is ready.

1. **Create a space** on the dashboard, and set its [locales](/docs/guides/locales) under **Settings**.
2. **Model the content** under **Content model**: a page type (with a title and a `blocks` field), and a few block types for the parts pages are built from. See [the content model](/docs/guides/content-model).
3. **Write a page** under **Content**, with the slug `home`, and publish it.
4. **Create [tokens](/docs/guides/api-tokens)** under **Settings → API tokens**: a delivery token for the site, a preview token for drafts, and a management token for the CLI.
5. **Connect your site**, following the guide for your stack:

<Cards>
	<Card
		title="Next.js"
		href="/docs/getting-started/nextjs"
		description="The SDK, live preview and editing on the site"
	/>
	<Card
		title="React Router"
		href="/docs/getting-started/react-router"
		description="Framework mode: a loader per page, live preview and editing on the site"
	/>
	<Card
		title="Shopify Oxygen"
		href="/docs/getting-started/oxygen"
		description="React Router on Shopify's host: token, public previews, caching"
	/>
	<Card
		title="Astro"
		href="/docs/getting-started/astro"
		description="Server-rendered pages and the canvas"
	/>
	<Card
		title="Plain HTML"
		href="/docs/getting-started/html"
		description="fetch and one script tag, no build step"
	/>
	<Card
		title="Connect an agent"
		href="/docs/getting-started/agents"
		description="Let a coding agent do these steps for you"
	/>
</Cards>

Then, when the site runs:

- Set the environment's **preview URL** (Settings) to where it runs, and editors can [edit it in place](/docs/guides/canvas).
- Add a [webhook](/docs/guides/webhooks), so the site rebuilds or revalidates when something is published.
- [Promote](/docs/guides/environments#promoting) the model and content to production, and repeat steps 4 and 5 with production's tokens.