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

# JavaScript example apps

> Example JavaScript apps are a great way to start building with Contentful. They show how to start a project based on example spaces.

Example apps are a great way to start building with Contentful. They show how to start a project based on JavaScript example spaces. Review our [quick start tutorials](https://www.contentful.com/technologies-getting-started/) or the projects below to get started.

### Next.js starter templates

Starter templates allow you to launch your project quickly for common use-cases. They provide a content model, source code, and a preview environment.

> **Info**
>
> Starter templates are currently only available to new users.

* [Learn more](https://www.contentful.com/starter-templates/)

### The JavaScript example app

The Node.js example app teaches the very basics of how to work with Contentful:

* consume content from the Contentful Delivery and Preview APIs
* model content
* edit content through the Contentful web app

The JavaScript example app demonstrates how decoupling content from its presentation enables greater flexibility and facilitates shipping higher quality software more quickly.

* [View on GitHub](https://github.com/contentful/the-example-app.nodejs)

### Discovery app

The Discovery App allows you to browse and preview your Contentful content.

* [Try it out](https://discovery.contentful.com/)
* [View on GitHub](https://github.com/contentful/discovery-app-react)

### Product catalogue

This demo project shows how to build a frontend JavaScript based application with Contentful for a product catalogue, based on the Contentful starter product catalogue example space.

* [Try it out](https://contentful.github.io/product-catalogue-js/)
* [View on GitHub](https://github.com/contentful/product-catalogue-js)

### Photo gallery

This single page application shows how to build a photo gallery app with [React](https://react.dev/) connected to a Contentful space.

* [Try it out](https://contentful.github.io/gallery-app-react/)
* [View on GitHub](https://github.com/contentful/gallery-app-react)

### File upload example app

Upload files to your Spaces directly via the browser. Demonstrates our [File Upload API](/references/content-management-api/overview)

* [Try it out](https://contentful-labs.github.io/file-upload-example/)
* [View on GitHub](https://github.com/contentful-labs/file-upload-example)

> Example JavaScript apps are a great way to start building with Contentful. They show how to start a project based on example spaces.