# Your first page, from draft to live

> Create a page, add blocks, preview it on every device and put it live, in about ten minutes.

Source: https://docs.bifrostorbit.com/cms/editors/getting-started/

By the end of this tutorial you will have made a page, filled it with blocks, checked it in the live preview and published it. Use a page called **TEMP practice** so nobody mistakes it for real content, and delete it at the end.

## Before you start

Check the scope in the top bar, for example **Staging / Germany / de-DE**. Everything you do happens in that environment, region and language. Practise in **Staging**, where nothing reaches the public website.

## 1. Create the page

1. In the sidebar, open **Content › Pages**.
2. Choose **New page**.
3. Name it **TEMP practice**. The address is made from the name, so it becomes `/temp-practice`.
4. Leave the folder empty and create it.

The editor opens. On the left is the list of blocks, in the middle the live preview, and on the right the fields of whatever you have selected.

## 2. Add blocks

1. Choose **Add component** and pick **Hero**.
2. With the hero selected, type a heading in the panel on the right. The preview updates as you type.
3. Add a **Rich text** block under it and write a sentence or two.
4. Drag a block by its handle to move it, or use **Undo** (⌘Z) if something goes wrong.

These components come with the Starter template. A space made from the Blank template starts with no components, so someone with access to **Schema** adds them first.

Your work saves by itself a moment after you stop typing. The status in the top bar shows **Draft** until the page is live.

## 3. Preview it

Use the device buttons above the preview to see the page on desktop, tablet and mobile. **Open in a new tab** shows it full size, and **Copy a link to share** gives you a link someone without a CMS account can open.

## 4. Publish

1. Choose **Publish** in the top right.
2. The publish check lists what changed and anything that stops it going live, such as an image without alt text.
3. Confirm. The status turns to **Live**.

> **Note:** Some content types need approval first. Then the button says **Submit for review** instead. See [Send a page for review](https://docs.bifrostorbit.com/cms/editors/send-for-review/).

## 5. Tidy up

Open the arrow next to **Publish** and choose **Unpublish**, then delete the page with the bin icon. Deleted pages go to the [bin](https://docs.bifrostorbit.com/cms/editors/bin-and-restore/), where they can be restored.

## Where next

- [Edit a page](https://docs.bifrostorbit.com/cms/editors/edit-a-page/) covers blocks, fields and the preview in more depth.
- [How CMS Orbit is organised](https://docs.bifrostorbit.com/cms/editors/how-the-cms-is-organised/) explains environments, regions and languages.