---
title: "Pages and blocks · Sanity × Nuxt UI"
description: "Create a page, choose its address, and build it from blocks."
canonical_url: "https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks"
meta:
  "og:description": "Create a page, choose its address, and build it from blocks."
  "og:image": "https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Pages%2Band%2Bblocks%2Cdescription_~Q3JlYXRlIGEgcGFnZSwgY2hvb3NlIGl0cyBhZGRyZXNzLCBhbmQgYnVpbGQgaXQgZnJvbSBibG9ja3Mu%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL3BhZ2VzLWFuZC1ibG9ja3Mi%2Cs_bqiEWCh2w-bOtC9E.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "Pages and blocks · Sanity × Nuxt UI"
  "twitter:image": "https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Pages%2Band%2Bblocks%2Cdescription_~Q3JlYXRlIGEgcGFnZSwgY2hvb3NlIGl0cyBhZGRyZXNzLCBhbmQgYnVpbGQgaXQgZnJvbSBibG9ja3Mu%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL3BhZ2VzLWFuZC1ibG9ja3Mi%2Cs_bqiEWCh2w-bOtC9E.png"
---

> Index of every page on this site: [llms.txt](https://sanity-nuxtui.vercel.app/llms.txt)

Halaman ini belum tersedia dalam bahasa Indonesia.

[Docs](https://sanity-nuxtui.vercel.app/id/docs)

# **Pages and blocks**

Create a page, choose its address, and build it from blocks.

A page is a stack of blocks. You choose the blocks and write the text; the design of each block is already done and works on phones, tablets and in dark mode.

## Create a page

1. Go to ****Pages**** and click ****+****.
2. Write a ****Title****, then click ****Generate**** next to ****Slug****. The slug is the address of the page: `about` becomes `/about`.
3. Under ****Blocks****, click ****Add item**** and pick a block.
4. Fill in the block, add more blocks, then click ****Publish****.

A few rules about slugs:

- The page with the slug `home` is the homepage.
- Slugs can contain slashes to nest pages: `company/team` becomes `/company/team`.
- A page cannot use the slug of a collection, such as `blog`. The Studio warns you.

**New pages are not in the menu yet**

Add a link in Site Settings → Header → Navigation when the page should appear there.

## Work with blocks

- Drag the handle (⋮⋮) on a block to move it up or down.
- Use the ****⋯**** menu on a block to duplicate or remove it.
- Click a block to open it; click outside to close it.

Blocks are grouped in the ****Add item**** menu:

| **Group** | **Blocks** |
| --- | --- |
| Intro | Hero, Logo Cloud |
| Content | Features Section, Card Grid, Timeline, Image Gallery, Rich Text |
| Social proof | Testimonials, FAQ |
| Conversion | Pricing, Call to Action, Callout |
| Dynamic lists | Collection List |

Each block is described in [**Blocks**](https://sanity-nuxtui.vercel.app/docs/blocks).

## Options most blocks share

| **Option** | **What it does** |
| --- | --- |
| Headline | A small label above the title, shown with a number and a line |
| Title, Description | The main heading and the text under it |
| Buttons | Up to four buttons, see below |
| Anchor ID | A name to jump to the section. With `faq`, a button can link to `#faq`, or `/pricing#faq` from another page |
| Orientation | \*Horizontal\* puts the image next to the text |
| Reverse | With horizontal orientation, shows the image first |
| Icon | An icon name such as `i-lucide-rocket`, see below |

## Buttons and links

Buttons, menu items and footer links all work the same way.

- ****Label****: the text on the button.
- ****Link type****:
  - **Internal content**: pick a page, a collection or an entry. The link keeps working when the slug changes, and follows the visitor's language when the target is translated.
  - **URL**: a full address ( `https://…`), a path on the site ( `/blog`), an anchor ( `#features`) or an email link ( `mailto:hello@example.com`).
- ****Open in new tab****, a ****leading**** or ****trailing icon****, a ****color**** and a ****variant**** (solid, outline, soft, subtle, ghost or link).

## Icons

Icons are written as names. Browse them at [**icones.js.org**](https://icones.js.org), open the ****Lucide**** set for general icons or ****Simple Icons**** for brand logos, and copy the name with an `i-` in front: `i-lucide-rocket`, `i-simple-icons-github`.

[**Studio tour** Find your way around Sanity Studio: the menu, the tools and how publishing works.](https://sanity-nuxtui.vercel.app/id/docs/studio-tour) [**Blocks** Every block in the template, what it is for and the fields it has.](https://sanity-nuxtui.vercel.app/id/docs/blocks)

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://sanity-nuxtui.vercel.app/#website","@type":"WebSite","name":"Sanity × Nuxt UI","url":"https://sanity-nuxtui.vercel.app/","publisher":{"@id":"https://sanity-nuxtui.vercel.app/#identity"}},{"@id":"https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks#webpage","@type":"WebPage","dateModified":"2026-10-16T02:29:18Z","description":"Create a page, choose its address, and build it from blocks.","name":"Pages and blocks","url":"https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks","isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks"]}]},{"@id":"https://sanity-nuxtui.vercel.app/#identity","@type":"Organization","name":"Sanity × Nuxt UI","url":"https://sanity-nuxtui.vercel.app"},{"@id":"https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks#article","@type":"Article","dateModified":"2026-10-16T02:29:18Z","description":"Create a page, choose its address, and build it from blocks.","headline":"Pages and blocks","inLanguage":"en","thumbnailUrl":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Pages%2Band%2Bblocks%2Cdescription_~Q3JlYXRlIGEgcGFnZSwgY2hvb3NlIGl0cyBhZGRyZXNzLCBhbmQgYnVpbGQgaXQgZnJvbSBibG9ja3Mu%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL3BhZ2VzLWFuZC1ibG9ja3Mi%2Cs_bqiEWCh2w-bOtC9E.png","author":{"@id":"https://sanity-nuxtui.vercel.app/#identity"},"image":{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1"},"isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks#webpage"},"mainEntityOfPage":{"@id":"https://sanity-nuxtui.vercel.app/id/docs/pages-and-blocks#webpage"},"publisher":{"@id":"https://sanity-nuxtui.vercel.app/#identity"}},{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1","@type":"ImageObject","contentUrl":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Pages%2Band%2Bblocks%2Cdescription_~Q3JlYXRlIGEgcGFnZSwgY2hvb3NlIGl0cyBhZGRyZXNzLCBhbmQgYnVpbGQgaXQgZnJvbSBibG9ja3Mu%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL3BhZ2VzLWFuZC1ibG9ja3Mi%2Cs_bqiEWCh2w-bOtC9E.png","inLanguage":"en","url":"https://sanity-nuxtui.vercel.app/_og/d/c_Page%2Ctitle_Pages%2Band%2Bblocks%2Cdescription_~Q3JlYXRlIGEgcGFnZSwgY2hvb3NlIGl0cyBhZGRyZXNzLCBhbmQgYnVpbGQgaXQgZnJvbSBibG9ja3Mu%2Cheadline_Docs%2CsiteName_~U2FuaXR5IMOXIE51eHQgVUk%2Cp_Ii9pZC9kb2NzL3BhZ2VzLWFuZC1ibG9ja3Mi%2Cs_bqiEWCh2w-bOtC9E.png"}]}
```

## Sitemap

See the full [sitemap](https://sanity-nuxtui.vercel.app/sitemap.md) for all pages.