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

Copy page

* [Open in Claude ](https://claude.ai/new?q=Read+from+this+URL%3A+https%3A%2F%2Fhead-start.pages.dev%2Fen%2Fdemos%2Fpage-partial-block-demo%2F+and+explain+it+to+me.)
* [Open in ChatGPT ](https://chatgpt.com/?hints=search\&q=Read+from+this+URL%3A+https%3A%2F%2Fhead-start.pages.dev%2Fen%2Fdemos%2Fpage-partial-block-demo%2F+and+explain+it+to+me.)

# 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)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Astro Content Collections](/en/documentation/content-collections/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Migrations](/en/documentation/migrations/)

* [Performance](/en/documentation/performance/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)

* [Working with AI](/en/documentation/working-with-ai/)

***

## Documentation index

* [Accessibility (a11y)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Astro Content Collections](/en/documentation/content-collections/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Migrations](/en/documentation/migrations/)

* [Performance](/en/documentation/performance/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)

* [Working with AI](/en/documentation/working-with-ai/)

***

Documentation index

* [Accessibility (a11y)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Astro Content Collections](/en/documentation/content-collections/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Migrations](/en/documentation/migrations/)

* [Performance](/en/documentation/performance/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)

* [Working with AI](/en/documentation/working-with-ai/)

***

Documentation index

* [Accessibility (a11y)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Astro Content Collections](/en/documentation/content-collections/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Migrations](/en/documentation/migrations/)

* [Performance](/en/documentation/performance/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)

* [Working with AI](/en/documentation/working-with-ai/)

***

<!-- [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)](/en/documentation/accessibility/)

* [Assets](/en/documentation/assets/)

* [Blocks and Components](/en/documentation/blocks-and-components/)

* [CMS Content Modelling](/en/documentation/cms-content-modelling/)

* [CMS Data Loading](/en/documentation/cms-data-loading/)

* [Astro Content Collections](/en/documentation/content-collections/)

* [Getting Started](/en/documentation/getting-started/)

* [Internationalization (i18n)](/en/documentation/i18n/)

* [Migrations](/en/documentation/migrations/)

* [Performance](/en/documentation/performance/)

* [Preview Mode](/en/documentation/preview-mode/)

* [Project Structure](/en/documentation/project-structure/)

* [Routing](/en/documentation/routing/)

* [Search](/en/documentation/search/)

* [Search Engine Optimisation (SEO)](/en/documentation/seo/)

* [Testing](/en/documentation/testing/)

* [Upgrading](/en/documentation/upgrading/)

* [Working with AI](/en/documentation/working-with-ai/)
