# Studio Foundations

### About this export

| Field | Value |
| --- | --- |
| **content_type** | course |
| **platform** | contentstack-academy |
| **source_url** | https://www.contentstack.com/academy/courses/studio-foundations |
| **language** | en |
| **product_area** | Contentstack Academy |
| **learning_path** | standalone |
| **course_id** | studio-foundations |
| **slug** | studio-foundations |
| **version** | 2026-10-01 |
| **last_updated** | 2026-10-21 |
| **status** | published |
| **keywords** | ["Contentstack Academy"] |
| **summary_one_line** | Contentstack Studio gives teams a visual way to turn structured content into complete digital experiences. In this course, you’ll learn how to create connected templates, compose pages using reusable sections and compone… |
| **total_duration_minutes** | 24 |
| **lessons_count** | 6 |
| **video_lessons_count** | 6 |
| **text_lessons_count** | 0 |
| **linked_learning_path** | standalone |
| **linked_assessment_ref** | LMS_UNCONFIGURED_COURSE_ASSESSMENT |
| **markdown_file_url** | /academy/md/courses/studio-foundations.md |
| **generated_at** | 2026-10-21T07:51:46.044Z |
| **intended_audience** | [] |
| **prerequisites** | [] |
| **related_courses** | [] |

> **Academy MD v3** — companion `.md` for Ask AI. Quizzes and graded assessments are **LMS-only**; this file never contains answer keys.

## Course Overview

| Metadata | Value |
| --- | --- |
| Catalog duration | 23m 49s |
| Released (if known) | 2026-10-01 |
| Product area | Contentstack Academy |

### Description

Contentstack Studio gives teams a visual way to turn structured content into complete digital experiences. In this course, you’ll learn how to create connected templates, compose pages using reusable sections and components, and preview your designs with real Contentstack content. You’ll also explore how components, sections, templates, and content work together, build a reusable section of your own, and understand how changes at each level affect the broader experience. Finally, you’ll learn how to review, test, save, and deploy your work so you can confidently move from content to a finished experience.

### Learning objectives

1. Follow each lesson in order.
2. Practice in a training stack using placeholders **YOUR_STACK_API_KEY** and **YOUR_DELIVERY_TOKEN** in local `.env` files only.
3. Validate API responses against the official documentation.

### Topics covered

Contentstack Academy

## Course structure

```text
studio-foundations/
├── 01-from-content-to-experience · video · 212s
├── 02-create-a-connected-template · video · 200s
├── 03-compose-the-lookbook · video · 318s
├── 04-understand-the-building-blocks · video · 163s
├── 05-build-a-reusable-section · video · 313s
├── 06-review-and-release · video · 223s
```

## Lessons

### Lesson 01 — From Content to Experience

<!-- ai_metadata: {"lesson_id":"01","type":"video","duration_seconds":212,"video_url":"https://cdn.jwplayer.com/previews/rxtqA7Jz","thumbnail_url":"https://cdn.jwplayer.com/v2/media/rxtqA7Jz/poster.jpg?width=720","topics":["From","Content","Experience"]} -->

#### Video details

#### At a glance

- **Title:** From Content to Experience
- **Duration:** 3m 32s
- **Media link:** https://cdn.jwplayer.com/previews/rxtqA7Jz
- **Publish date (unix):** 1790816258

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113652 kbps
- video/mp4 · 180p · 180p · 159861 kbps
- video/mp4 · 270p · 270p · 185699 kbps
- video/mp4 · 360p · 360p · 200371 kbps
- video/mp4 · 406p · 406p · 214756 kbps
- video/mp4 · 540p · 540p · 254364 kbps
- video/mp4 · 720p · 720p · 320186 kbps
- video/mp4 · 1080p · 1080p · 450413 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/rxtqA7Jz-120.vtt`

#### Key takeaways

- Connect **From Content to Experience** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

### Lesson 02 — Create a Connected Template

<!-- ai_metadata: {"lesson_id":"02","type":"video","duration_seconds":200,"video_url":"https://cdn.jwplayer.com/previews/JV45j9xS","thumbnail_url":"https://cdn.jwplayer.com/v2/media/JV45j9xS/poster.jpg?width=720","topics":["Create","Connected","Template"]} -->

#### Video details

#### At a glance

- **Title:** Create a Connected Template
- **Duration:** 3m 20s
- **Media link:** https://cdn.jwplayer.com/previews/JV45j9xS
- **Publish date (unix):** 1790815362

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 114003 kbps
- video/mp4 · 180p · 180p · 153512 kbps
- video/mp4 · 270p · 270p · 172390 kbps
- video/mp4 · 360p · 360p · 189279 kbps
- video/mp4 · 406p · 406p · 200709 kbps
- video/mp4 · 540p · 540p · 241174 kbps
- video/mp4 · 720p · 720p · 298085 kbps
- video/mp4 · 1080p · 1080p · 420450 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/JV45j9xS-120.vtt`

#### Key takeaways

- Connect **Create a Connected Template** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

### Lesson 03 — Compose the Lookbook

<!-- ai_metadata: {"lesson_id":"03","type":"video","duration_seconds":318,"video_url":"https://cdn.jwplayer.com/previews/ooWMZCNK","thumbnail_url":"https://cdn.jwplayer.com/v2/media/ooWMZCNK/poster.jpg?width=720","topics":["Compose","the","Lookbook"]} -->

#### Video details

#### At a glance

- **Title:** Compose the Lookbook
- **Duration:** 5m 18s
- **Media link:** https://cdn.jwplayer.com/previews/ooWMZCNK
- **Publish date (unix):** 1790813979

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113742 kbps
- video/mp4 · 180p · 180p · 153383 kbps
- video/mp4 · 270p · 270p · 169941 kbps
- video/mp4 · 360p · 360p · 185685 kbps
- video/mp4 · 406p · 406p · 197922 kbps
- video/mp4 · 540p · 540p · 237383 kbps
- video/mp4 · 720p · 720p · 283240 kbps
- video/mp4 · 1080p · 1080p · 432430 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/ooWMZCNK-120.vtt`

#### Key takeaways

- Connect **Compose the Lookbook** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

### Lesson 04 — Understand the Building Blocks

<!-- ai_metadata: {"lesson_id":"04","type":"video","duration_seconds":163,"video_url":"https://cdn.jwplayer.com/previews/YZtJqjkW","thumbnail_url":"https://cdn.jwplayer.com/v2/media/YZtJqjkW/poster.jpg?width=720","topics":["Understand","the","Building","Blocks"]} -->

#### Video details

#### At a glance

- **Title:** Understanding the Building Blocks
- **Duration:** 2m 43s
- **Media link:** https://cdn.jwplayer.com/previews/YZtJqjkW
- **Publish date (unix):** 1790813988

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113616 kbps
- video/mp4 · 180p · 180p · 155222 kbps
- video/mp4 · 270p · 270p · 175770 kbps
- video/mp4 · 360p · 360p · 193101 kbps
- video/mp4 · 406p · 406p · 208153 kbps
- video/mp4 · 540p · 540p · 246056 kbps
- video/mp4 · 720p · 720p · 308210 kbps
- video/mp4 · 1080p · 1080p · 423725 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/YZtJqjkW-120.vtt`

#### Key takeaways

- Connect **Understand the Building Blocks** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

### Lesson 05 — Build a Reusable Section

<!-- ai_metadata: {"lesson_id":"05","type":"video","duration_seconds":313,"video_url":"https://cdn.jwplayer.com/previews/727zzaOZ","thumbnail_url":"https://cdn.jwplayer.com/v2/media/727zzaOZ/poster.jpg?width=720","topics":["Build","Reusable","Section"]} -->

#### Video details

#### At a glance

- **Title:** Build a Reusable Section
- **Duration:** 5m 13s
- **Media link:** https://cdn.jwplayer.com/previews/727zzaOZ
- **Publish date (unix):** 1790813978

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113581 kbps
- video/mp4 · 180p · 180p · 155010 kbps
- video/mp4 · 270p · 270p · 173957 kbps
- video/mp4 · 360p · 360p · 193793 kbps
- video/mp4 · 406p · 406p · 205923 kbps
- video/mp4 · 540p · 540p · 242024 kbps
- video/mp4 · 720p · 720p · 300957 kbps
- video/mp4 · 1080p · 1080p · 420713 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/727zzaOZ-120.vtt`

#### Key takeaways

- Connect **Build a Reusable Section** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

### Lesson 06 — Review and Release

<!-- ai_metadata: {"lesson_id":"06","type":"video","duration_seconds":223,"video_url":"https://cdn.jwplayer.com/previews/CWMJZUK1","thumbnail_url":"https://cdn.jwplayer.com/v2/media/CWMJZUK1/poster.jpg?width=720","topics":["Review","and","Release"]} -->

#### Video details

#### At a glance

- **Title:** Review and Release
- **Duration:** 3m 43s
- **Media link:** https://cdn.jwplayer.com/previews/CWMJZUK1
- **Publish date (unix):** 1790813984

#### Streaming renditions

- application/vnd.apple.mpegurl
- audio/mp4 · AAC Audio · 113790 kbps
- video/mp4 · 180p · 180p · 157363 kbps
- video/mp4 · 270p · 270p · 176636 kbps
- video/mp4 · 360p · 360p · 195297 kbps
- video/mp4 · 406p · 406p · 207419 kbps
- video/mp4 · 540p · 540p · 246183 kbps
- video/mp4 · 720p · 720p · 304466 kbps
- video/mp4 · 1080p · 1080p · 462699 kbps

#### Timed text tracks (delivery)

- **thumbnails:** `https://cdn.jwplayer.com/strips/CWMJZUK1-120.vtt`

#### Key takeaways

- Connect **Review and Release** back to your stack configuration before moving to the next module.
- Capture one concrete artifact (screenshot, Postman call, or code snippet) that proves the step works in your environment.
- Re-read the delivery versus management boundary for anything you changed in the entry model.

## Resources & references

| Page | Companion Markdown |
| --- | --- |
| /courses/studio-foundations/from-content-to-experience | /academy/md/courses/studio-foundations/from-content-to-experience.md |
| /courses/studio-foundations/create-a-connected-template | /academy/md/courses/studio-foundations/create-a-connected-template.md |
| /courses/studio-foundations/compose-the-lookbook | /academy/md/courses/studio-foundations/compose-the-lookbook.md |
| /courses/studio-foundations/understand-the-building-blocks | /academy/md/courses/studio-foundations/understand-the-building-blocks.md |
| /courses/studio-foundations/build-a-reusable-section | /academy/md/courses/studio-foundations/build-a-reusable-section.md |
| /courses/studio-foundations/review-and-release | /academy/md/courses/studio-foundations/review-and-release.md |

## Supplement for indexing

### Content summary

Contentstack Studio gives teams a visual way to turn structured content into complete digital experiences. In this course, you’ll learn how to create connected templates, compose pages using reusable sections and compone… Contentstack Studio gives teams a visual way to turn structured content into complete digital experiences. In this course, you’ll learn how to create connected templates, compose pages using reusable sections and components, and preview your designs with real Contentstack content. You’ll also explore how components, sections, templates, and content work together, build a reusable section of your own, and understand how changes at each level affect the broader experience. Finally, you’ll learn how to review, test, save, and deploy your work so you can confidently move from content to a finished

### Retrieval tags

- Contentstack Academy
- studio-foundations
- From
- Content
- Experience
- Create
- Connected
- Template
- Compose
- the
- Lookbook
- Understand
- Building
- Blocks

### Indexing notes

Chunk at each "### Lesson NN — Title" heading; copy lesson_id and topics from the preceding HTML comment into chunk metadata for RAG filters.
Course slug: studio-foundations. Union of lesson topic tokens: From, Content, Experience, Create, Connected, Template, Compose, the, Lookbook, Understand, Building, Blocks, Build, Reusable, Section, Review, and, Release.
Do not embed or retrieve LMS-only quiz items or mastery exam answer keys from this export.

### Asset references

| Label | URL |
| --- | --- |
| Video thumbnail: From Content to Experience | `https://cdn.jwplayer.com/v2/media/rxtqA7Jz/poster.jpg?width=720` |
| Video thumbnail: Create a Connected Template | `https://cdn.jwplayer.com/v2/media/JV45j9xS/poster.jpg?width=720` |
| Video thumbnail: Compose the Lookbook | `https://cdn.jwplayer.com/v2/media/ooWMZCNK/poster.jpg?width=720` |
| Video thumbnail: Understand the Building Blocks | `https://cdn.jwplayer.com/v2/media/YZtJqjkW/poster.jpg?width=720` |
| Video thumbnail: Build a Reusable Section | `https://cdn.jwplayer.com/v2/media/727zzaOZ/poster.jpg?width=720` |
| Video thumbnail: Review and Release | `https://cdn.jwplayer.com/v2/media/CWMJZUK1/poster.jpg?width=720` |

### External links

| Label | URL |
| --- | --- |
| Contentstack Academy home | `https://www.contentstack.com/academy/` |
| Training instance setup | `https://www.contentstack.com/academy/training-instance` |
| Academy playground (GitHub) | `https://github.com/contentstack/contentstack-academy-playground` |
| Contentstack documentation | `https://www.contentstack.com/docs/` |