--- category: Tutorials title: Create a Status Page description: "A step-by-step tutorial to create and publish your first status page" --- | | | |---|---| | **Time** | ~5 minutes | | **Level** | Beginner | | **Prerequisites** | openstatus account, at least one monitor (see [Create your first monitor](/docs/tutorial/create-your-first-monitor)) | In this tutorial, you'll create a public status page to communicate your service's health to users. A status page is a transparent way to show real-time uptime information and keep your users informed during incidents. By the end you'll have a public status page with a component for each service you want to show, and a working understanding of where custom domains and access control are configured. ## Get started ### 1. Create the status page Navigate to the **Status Pages** page from the sidebar and click the **Create Status Page** button. This will open a new configuration screen. Status Pages sidebar with the Create Status Page button highlighted ### 2. Name the page The create form asks for four things, and only the first two are required: - **Title** — a name for your status page (e.g. "Acme Status" or "API Health"). - **Slug** — the subdomain your page is served from (e.g. `acme` creates `acme.openstatus.dev`). - **Icon** — an optional favicon shown in the browser tab. - **Description** — an optional line shown under the title on the public page. Submit, and you land on the page's **Settings** tab. Everything else — components, custom domain, access control, theme, locales — is configured from here on the page's own tabs. ### 3. Add components Open the **Components** tab and add a component for each service you want to show. A component is what your visitors see, and it comes in two kinds: - **Monitor components** are linked to one of your monitors and track its status automatically. - **Static components** have no monitor behind them; you drive their status with status reports and maintenance windows. Use these for third-party dependencies. Give the component a name your users will recognise — it does not have to match the monitor's internal name. See the [page components reference](/docs/reference/page-components) for groups, ordering, and how each event type affects a component's status. **Checkpoint:** open your status page (the link is at the top of the page's settings). You should see each component listed with its uptime bar. ### 4. Optional: custom domain On the **Settings** tab, the **Custom Domain** card lets you serve the page from your own domain (e.g. `status.yourdomain.com`) instead of the `*.openstatus.dev` subdomain: 1. Enter your domain and submit. 2. Configure DNS based on your domain type: - **Subdomain** (e.g. `status.yourdomain.com`): add a CNAME record pointing to `cname.vercel-dns.com`. - **Apex domain** (e.g. `yourdomain.com`): add an A record pointing to `76.76.21.21`. 3. Wait for DNS propagation (usually a few minutes, up to 48 hours). 4. If the domain is already registered on another Vercel project, you also need a **TXT record** to prove ownership. The dashboard shows the exact values when this step applies. The dashboard displays the exact records to configure after you save the domain. See the [status page reference](/docs/reference/status-page) for the full DNS table. ### 5. Optional: restrict access Also on the **Settings** tab, the **Page Access** card controls who can see the page. Password protection is the simplest option — set a password and visitors are prompted before the page loads, which is what you want for an internal page. Magic-link and IP-range restriction are available as paid add-ons; the [status page reference](/docs/reference/status-page) covers all four access types. ## What you've accomplished - Created your first status page - Added components so visitors can see service health - Learned where custom domains and access control live ## What's next - **[Configure your status page](/docs/guides/how-to-configure-status-page)** — customise the appearance and add more features. - **[Building trust with status pages](/docs/concept/best-practices-status-page)** — learn how to communicate effectively. ### Learn more - **[Status page reference](/docs/reference/status-page)** — complete configuration options. - **[Understanding uptime values](/docs/concept/uptime-calculation-and-values)** — how uptime is calculated.