Build a Banner tutorial

A step-by-step guide through the basic development steps you'll need to get started with Dynamic Content. Using the example of a simple banner, we show you how to create a content type, use that content type to add some content, consume the content from the CMS using our Content Delivery SDK, and render it on a page. You can always sign up for a Free Trial to explore these steps further.

Get going in a few steps

• Step 1: Model
• Step 2: Create
• Step 3: Publish
• Step 4: Consume

Use the interactive sandbox

You don't need to create your own project from scratch, we've provided interactive sandboxes for you with a code for each of the popular frameworks. Copy your chosen delivery key and paste it in the appropriate code segment in the sandbox below.

Sector	Delivery Key
Retail	banner-example-retail
Travel	banner-example-grocery
Grocery	banner-example-travel

JavaScript

Copy your chosen delivery key into the const deliveryKey segment below.

React

Copy your chosen delivery key into the const deliveryKey segment below.

Vue

Copy your chosen delivery key into the deliveryKey: segment below.

Angular

Copy your chosen delivery key into thedeliveryKey = segment below.

Svelte

Copy your chosen delivery key into the client.getContentItemByKey segment below.