---
title: "Create a new section without code · Sanity × Nuxt UI"
description: "Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio."
canonical_url: "https://sanity-nuxtui.vercel.app/blog/collections"
meta:
  "og:description": "Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio."
  "og:image": "https://cdn.sanity.io/images/kdwtvkc2/production/ae96f58c01fdb1cefac7d0aa96b01e36bde32af9-1600x1067.jpg?fit=crop&w=1200&h=630&auto=format"
  "og:image:alt": "Laptop and notebook on a desk"
  "og:image:height": "630"
  "og:image:width": "1200"
  "og:title": "Create a new section without code · Sanity × Nuxt UI"
---

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

[Blog](https://sanity-nuxtui.vercel.app/blog)·October 12, 2026

# **Create a new section without code**

Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio.

**AM**

**Ada Morgan**

Editor

![Laptop and notebook on a desk](https://cdn.sanity.io/images/kdwtvkc2/production/ae96f58c01fdb1cefac7d0aa96b01e36bde32af9-1600x1067.jpg?w=2400&h=1600&auto=format)

A ****collection**** is a list of ****entries**** that shares one URL. The Projects collection lives at `/projects`, and each project at `/projects/<slug>`.

## Create a collection

1. In the Studio, open ****Collections**** and click ****+****.
2. Give it a title such as **Services**. The slug becomes the URL: `/services`.
3. On the ****Display**** tab, pick a layout: **Blog**, **Cards** or **Gallery**. Choose how entries are sorted and whether visitors can filter by tag.
4. Publish. The list page is live.

## Add entries

Open the collection and click ****Entries → +****. New entries are assigned to the collection automatically. Every field is optional, so the same entry type works for an article (Body), a gallery (Photos) or a designed page (Blocks).

**Show it anywhere**

Add a Collection List block to any page to show the latest entries of a collection, optionally filtered by tag.

### Details

Use ****Details**** on the Meta tab for key facts such as **Client**, **Year** or **Location**. They appear as a small table at the top of the entry.

Tags: [guide](https://sanity-nuxtui.vercel.app/blog?tag=guide) [editing](https://sanity-nuxtui.vercel.app/blog?tag=editing)

## **Related posts**

![Laptop on a desk](https://cdn.sanity.io/images/kdwtvkc2/production/968d3f7c1d70f1f84af4b4ee50ab9eef07803bea-1600x1067.jpg?w=676&h=380&fit=crop&auto=format)

guideOct 10, 2026

## Getting started with Sanity × Nuxt UI

Connect the template to your Sanity project, import the example content and run Studio and the site side by side.

**AM**

**Ada Morgan**

Editor

![Person working on a laptop](https://cdn.sanity.io/images/kdwtvkc2/production/3c5959bf9dc0555105bc0bcb466cd95a1608141a-1600x1067.jpg?w=676&h=380&fit=crop&auto=format)

guideOct 6, 2026

## How to add a new block

Any Nuxt UI component can become a block. It takes a schema, one Vue component and one line in the registry.

**LH**

**Leo Hart**

Frontend Engineer

![Laptop and notebook on a table](https://cdn.sanity.io/images/kdwtvkc2/production/58818fdb1451d82abff05bee983b2b52e136add6-1600x1067.jpg?w=676&h=380&fit=crop&auto=format)

editingOct 2, 2026

## Editing with a live preview

Turn on Visual Editing to click any text on the site and jump straight to the field in Studio.

```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/blog/collections#webpage","@type":"WebPage","dateModified":"2026-10-16T00:42:53Z","datePublished":"2026-10-12T09:00:00Z","description":"Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio.","name":"Create a new section without code","url":"https://sanity-nuxtui.vercel.app/blog/collections","isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://sanity-nuxtui.vercel.app/blog/collections"]}]},{"@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/blog/collections#article","@type":"Article","dateModified":"2026-10-16T00:42:53Z","datePublished":"2026-10-12T09:00:00Z","description":"Blog, Gallery and Projects are all collections. Editors can add new ones, such as Services or Team, straight from the Studio.","headline":"Create a new section without code","inLanguage":"en","thumbnailUrl":"https://cdn.sanity.io/images/kdwtvkc2/production/ae96f58c01fdb1cefac7d0aa96b01e36bde32af9-1600x1067.jpg?w=1200&auto=format","author":{"@id":"https://sanity-nuxtui.vercel.app/#/schema/person/1"},"image":{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1"},"isPartOf":{"@id":"https://sanity-nuxtui.vercel.app/blog/collections#webpage"},"mainEntityOfPage":{"@id":"https://sanity-nuxtui.vercel.app/blog/collections#webpage"},"publisher":{"@id":"https://sanity-nuxtui.vercel.app/#identity"}},{"@id":"https://sanity-nuxtui.vercel.app/#/schema/person/1","@type":"Person","name":"Ada Morgan"},{"@id":"https://sanity-nuxtui.vercel.app/#/schema/image/1","@type":"ImageObject","contentUrl":"https://cdn.sanity.io/images/kdwtvkc2/production/ae96f58c01fdb1cefac7d0aa96b01e36bde32af9-1600x1067.jpg?w=1200&auto=format","inLanguage":"en","url":"https://cdn.sanity.io/images/kdwtvkc2/production/ae96f58c01fdb1cefac7d0aa96b01e36bde32af9-1600x1067.jpg?w=1200&auto=format"}]}
```

## Sitemap

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