> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://contentful-staging.ferndocs.com/developers/docs/experiences/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://contentful-staging.ferndocs.com/developers/docs/_mcp/server.

# Studio

## Docs

- [Overview](https://contentful-staging.ferndocs.com/developers/docs/experiences/overview.md): Learn what Experiences by Contentful Studio are and how to assemble web experiences without coding.
- [Installation](https://contentful-staging.ferndocs.com/developers/docs/experiences/installation.md): Learn how to install the Experiences SDK.
- [Set up Experiences SDK with React](https://contentful-staging.ferndocs.com/developers/docs/experiences/set-up-experiences-sdk-with-react.md): Learn how to set up Experiences SDK for your standard React application.
- [Set up Experiences SDK with Next.js](https://contentful-staging.ferndocs.com/developers/docs/experiences/set-up-experiences-sdk-with-nextjs.md): Learn how to install the Experiences SDK in Next.js project.
- [Set up Experiences SDK with Gatsby](https://contentful-staging.ferndocs.com/developers/docs/experiences/gatsby-guide.md): This guide provides steps on how to set up Experiences with Gatsby.
- [Data structures](https://contentful-staging.ferndocs.com/developers/docs/experiences/data-structures.md): Learn about the data structure for Experiences by Contentful Studio.
- [Layout structures](https://contentful-staging.ferndocs.com/developers/docs/experiences/layout-structures.md): Learn about structuring layouts in Experiences by Contentful Studio.
- [Register custom components](https://contentful-staging.ferndocs.com/developers/docs/experiences/register-custom-components.md): Learn how to register custom components to further use them in Experiences by Contentful Studio.
- [Component wrapper](https://contentful-staging.ferndocs.com/developers/docs/experiences/component-wrapper.md): Learn how to use the component wrapper in Experiences, including how to disable it, change the wrapping container tag, and adjust the wrapping container width.
- [Built-in components](https://contentful-staging.ferndocs.com/developers/docs/experiences/built-in-components.md): Learn how to manage built-in components in Experiences, including enabling and disabling basic components like Heading, Text, Rich Text, Image, Button, and Divider.
- [Built-in styles](https://contentful-staging.ferndocs.com/developers/docs/experiences/built-in-styles.md): Learn how to enable built-in styles in the Experiences by Contentful Studio.
- [How to correctly resolve references for Array/Link bindings](https://contentful-staging.ferndocs.com/developers/docs/experiences/how-to-resolve-references-for-array-link-bindings.md): Learn how to use the Array and Link variable bindings to get data from nested entries.
- [Manually download entries and assets into the SDK memory](https://contentful-staging.ferndocs.com/developers/docs/experiences/manually-download-entries-and-assets.md): If you need access to entries beyond depth level 3, learn how to download additional entries and assets into SDK memory
- [Register custom breakpoints](https://contentful-staging.ferndocs.com/developers/docs/experiences/register-custom-breakpoints.md): Learn how to register custom breakpoints for Experiences by Contentful Studio.
- [Register design tokens](https://contentful-staging.ferndocs.com/developers/docs/experiences/design-tokens-guide.md): Learn how to set up design tokens for Experiences by Contentful Studio.
- [Image optimization](https://contentful-staging.ferndocs.com/developers/docs/experiences/image-optimization.md): Learn about image optimization for Experiences by Contentful Studio.
- [Link between experiences](https://contentful-staging.ferndocs.com/developers/docs/experiences/experience-hyperlinks.md): Learn about experience hyperlinks for Experiences by Contentful Studio.
- [Troubleshooting](https://contentful-staging.ferndocs.com/developers/docs/experiences/troubleshooting.md): Learn about the error handling for Experiences by Contentful Studio.
- [Migrate from Studio SDK v1 to SDK v2](https://contentful-staging.ferndocs.com/developers/docs/experiences/migrate-sdks.md): Learn how to migrate from v1 of the Contentful Studio SDK to v2.
- [Component definition](https://contentful-staging.ferndocs.com/developers/docs/experiences/component-definition-schema.md): View component definition and schema for Experiences components.
- [Custom components](https://contentful-staging.ferndocs.com/developers/docs/experiences/custom-components.md): Learn about using custom components in Experiences to create on-brand digital experiences.
- [Design tokens](https://contentful-staging.ferndocs.com/developers/docs/experiences/design-tokens.md): Lists all design token attributes and their definitions.
- [Combining external data with Experiences](https://contentful-staging.ferndocs.com/developers/docs/experiences/combining-external-data.md): Learn how to integrate external data sources like PIMs and DAMs with Contentful Experiences for enhanced user experiences.
- [Experience reference fields for metadata](https://contentful-staging.ferndocs.com/developers/docs/experiences/experience-reference-fields.md): Learn how to enhance Contentful Experiences with custom metadata fields for SEO metadata, including both static content and referenced entries.
- [Implementing nested components with custom components](https://contentful-staging.ferndocs.com/developers/docs/experiences/nested-components.md): Learn how to create complex nested components like tabs, carousels, and accordions using Contentful Studio custom components with children support.