---
title: Pages build preset
description: Show Pages framework build preset details.
image: https://developers.cloudflare.com/cf-twitter-card.png
---

> Documentation Index  
> Fetch the complete documentation index at: https://developers.cloudflare.com/style-guide/llms.txt  
> Use this file to discover all available pages before exploring further.

[Skip to content](#%5Ftop) 

# Pages build preset

The `PagesBuildPreset` component is used `21` times on `21` pages.

See all examples of pages that use PagesBuildPreset

Used **21** times.

**Pages**

* [/pages/framework-guides/deploy-a-brunch-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-brunch-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-brunch-site.mdx)
* [/pages/framework-guides/deploy-a-docusaurus-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-docusaurus-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-docusaurus-site.mdx)
* [/pages/framework-guides/deploy-a-gatsby-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-gatsby-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-gatsby-site.mdx)
* [/pages/framework-guides/deploy-a-gridsome-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-gridsome-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-gridsome-site.mdx)
* [/pages/framework-guides/deploy-a-hugo-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-hugo-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-hugo-site.mdx)
* [/pages/framework-guides/deploy-a-jekyll-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-jekyll-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-jekyll-site.mdx)
* [/pages/framework-guides/deploy-a-nuxt-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-nuxt-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-nuxt-site.mdx)
* [/pages/framework-guides/deploy-a-pelican-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-pelican-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-pelican-site.mdx)
* [/pages/framework-guides/deploy-a-qwik-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-qwik-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-qwik-site.mdx)
* [/pages/framework-guides/deploy-a-react-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-react-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-react-site.mdx)
* [/pages/framework-guides/deploy-a-svelte-kit-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-svelte-kit-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-svelte-kit-site.mdx)
* [/pages/framework-guides/deploy-a-vitepress-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-vitepress-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-vitepress-site.mdx)
* [/pages/framework-guides/deploy-a-vue-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-vue-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-vue-site.mdx)
* [/pages/framework-guides/deploy-a-zola-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-a-zola-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-a-zola-site.mdx)
* [/pages/framework-guides/deploy-an-angular-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-angular-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-angular-site.mdx)
* [/pages/framework-guides/deploy-an-astro-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-astro-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-astro-site.mdx)
* [/pages/framework-guides/deploy-an-elderjs-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-elderjs-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-elderjs-site.mdx)
* [/pages/framework-guides/deploy-an-eleventy-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-eleventy-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-eleventy-site.mdx)
* [/pages/framework-guides/deploy-an-emberjs-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-emberjs-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-emberjs-site.mdx)
* [/pages/framework-guides/deploy-an-mkdocs-site/](https://developers.cloudflare.com/pages/framework-guides/deploy-an-mkdocs-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/deploy-an-mkdocs-site.mdx)
* [/pages/framework-guides/nextjs/deploy-a-static-nextjs-site/](https://developers.cloudflare.com/pages/framework-guides/nextjs/deploy-a-static-nextjs-site/)\-[Source](https://github.com/cloudflare/cloudflare-docs/blob/production/src/content/docs/pages/framework-guides/nextjs/deploy-a-static-nextjs-site.mdx)

**Partials**

| Configuration option | Value            |  | Production branch | main |
| -------------------- | ---------------- |  | ----------------- | ---- |
| Build command        | npx gatsby build |  |                   |      |
| Build directory      | public           |  |                   |      |

| Configuration option | Value                           |  | Production branch | main |
| -------------------- | ------------------------------- |  | ----------------- | ---- |
| Build command        | npx @cloudflare/next-on-pages@1 |  |                   |      |
| Build directory      | .vercel/output/static           |  |                   |      |

```

import { PagesBuildPreset } from "~/components"


<PagesBuildPreset framework="gatsby" />

<PagesBuildPreset framework="next-js" />


```

```json
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"/directory/","name":"Directory"}},{"@type":"ListItem","position":2,"item":{"@id":"/style-guide/","name":"Style Guide"}},{"@type":"ListItem","position":3,"item":{"@id":"/style-guide/components/","name":"Components"}},{"@type":"ListItem","position":4,"item":{"@id":"/style-guide/components/pages-build-preset/","name":"Pages build preset"}}]}
```