---
title: "Page Partial Block Demo"
description: "Base setup on top of headless services to help you get started quickly"
language: "English"
url: "https://6b4c5683.head-start.pages.dev/en/demos/page-partial-block-demo/"
---

# Page Partial Block Demo

!Note: this piece of documentation is auto-generated from [blocks/PagePartialBlock/README.md](https://github.com/voorhoede/head-start/tree/main/src/blocks/PagePartialBlock/README.md).

**Renders one or more reusable page partials, each containing a set of content blocks.**

Each page is composed of blocks. These blocks are unique per page. But sometimes you want to reuse one or more blocks on multiple pages. For example a block to sign up for a newsletter. You only want to make that block once and reuse it on multiple pages. The Page Partial Block enables you to do that: create a page partial containing a set of content blocks and reusing it.

The Page Partial Block also supports different layouts (like an accordion, tabs or plain stack of items) using its `layout` property.

Note: this block is unrelated to [Astro's Page Partial](https://docs.astro.build/en/core-concepts/astro-pages/#page-partials) feature.

* [Accessibility (a11y)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/accessibility.md)

* [Assets](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/assets.md)

* [Blocks and Components](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/blocks-and-components.md)

* [CMS Content Modelling](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-content-modelling.md)

* [CMS Data Loading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-data-loading.md)

* [Astro Content Collections](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/content-collections.md)

* [Getting Started](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/getting-started.md)

* [Internationalization (i18n)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/i18n.md)

* [Migrations](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/migrations.md)

* [Performance](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/performance.md)

* [Preview Mode](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/preview-mode.md)

* [Project Structure](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/project-structure.md)

* [Routing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/routing.md)

* [Search](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/search.md)

* [Search Engine Optimisation (SEO)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/seo.md)

* [Testing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/testing.md)

* [Upgrading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/upgrading.md)

* [Working with AI](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/working-with-ai.md)

***

## Documentation index

* [Accessibility (a11y)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/accessibility.md)

* [Assets](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/assets.md)

* [Blocks and Components](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/blocks-and-components.md)

* [CMS Content Modelling](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-content-modelling.md)

* [CMS Data Loading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-data-loading.md)

* [Astro Content Collections](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/content-collections.md)

* [Getting Started](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/getting-started.md)

* [Internationalization (i18n)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/i18n.md)

* [Migrations](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/migrations.md)

* [Performance](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/performance.md)

* [Preview Mode](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/preview-mode.md)

* [Project Structure](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/project-structure.md)

* [Routing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/routing.md)

* [Search](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/search.md)

* [Search Engine Optimisation (SEO)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/seo.md)

* [Testing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/testing.md)

* [Upgrading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/upgrading.md)

* [Working with AI](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/working-with-ai.md)

***

Documentation index

* [Accessibility (a11y)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/accessibility.md)

* [Assets](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/assets.md)

* [Blocks and Components](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/blocks-and-components.md)

* [CMS Content Modelling](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-content-modelling.md)

* [CMS Data Loading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-data-loading.md)

* [Astro Content Collections](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/content-collections.md)

* [Getting Started](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/getting-started.md)

* [Internationalization (i18n)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/i18n.md)

* [Migrations](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/migrations.md)

* [Performance](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/performance.md)

* [Preview Mode](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/preview-mode.md)

* [Project Structure](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/project-structure.md)

* [Routing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/routing.md)

* [Search](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/search.md)

* [Search Engine Optimisation (SEO)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/seo.md)

* [Testing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/testing.md)

* [Upgrading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/upgrading.md)

* [Working with AI](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/working-with-ai.md)

***

Documentation index

* [Accessibility (a11y)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/accessibility.md)

* [Assets](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/assets.md)

* [Blocks and Components](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/blocks-and-components.md)

* [CMS Content Modelling](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-content-modelling.md)

* [CMS Data Loading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-data-loading.md)

* [Astro Content Collections](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/content-collections.md)

* [Getting Started](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/getting-started.md)

* [Internationalization (i18n)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/i18n.md)

* [Migrations](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/migrations.md)

* [Performance](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/performance.md)

* [Preview Mode](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/preview-mode.md)

* [Project Structure](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/project-structure.md)

* [Routing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/routing.md)

* [Search](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/search.md)

* [Search Engine Optimisation (SEO)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/seo.md)

* [Testing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/testing.md)

* [Upgrading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/upgrading.md)

* [Working with AI](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/working-with-ai.md)

***

<!-- [html-validate-disable-next prefer-native-element -- incompatible with custom element] -->

Documentation index

<!-- [html-validate-disable-next prefer-native-element -- incompatible with custom element] -->

* [Accessibility (a11y)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/accessibility.md)

* [Assets](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/assets.md)

* [Blocks and Components](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/blocks-and-components.md)

* [CMS Content Modelling](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-content-modelling.md)

* [CMS Data Loading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/cms-data-loading.md)

* [Astro Content Collections](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/content-collections.md)

* [Getting Started](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/getting-started.md)

* [Internationalization (i18n)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/i18n.md)

* [Migrations](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/migrations.md)

* [Performance](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/performance.md)

* [Preview Mode](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/preview-mode.md)

* [Project Structure](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/project-structure.md)

* [Routing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/routing.md)

* [Search](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/search.md)

* [Search Engine Optimisation (SEO)](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/seo.md)

* [Testing](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/testing.md)

* [Upgrading](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/upgrading.md)

* [Working with AI](https://6b4c5683.head-start.pages.dev/api/content/en/documentation/working-with-ai.md)