# About Contentstack Quick Start

### About this export

| Field | Value |
| --- | --- |
| **content_type** | lesson |
| **platform** | contentstack-academy |
| **source_url** | https://www.contentstack.com/academy/courses/contentstack-quick-start/about-contentstack-quick-start |
| **course_slug** | contentstack-quick-start |
| **lesson_slug** | about-contentstack-quick-start |
| **markdown_file_url** | /academy/md/courses/contentstack-quick-start/about-contentstack-quick-start.md |
| **generated_at** | 2026-05-11T07:02:26.687Z |

> Part of **[Contentstack Quick Start](https://www.contentstack.com/academy/courses/contentstack-quick-start)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys.

<!-- ai_metadata: {"lesson_id":"01","type":"video","duration_seconds":186,"video_url":"https://cdn.jwplayer.com/previews/2RXwQtOJ","thumbnail_url":"https://cdn.jwplayer.com/v2/media/2RXwQtOJ/poster.jpg?width=720","topics":["About","Contentstack","Quick","Start"]} -->

#### Video details

#### At a glance

- **Title:** Introduction
- **Duration:** 3m 6s
- **Media link:** https://cdn.jwplayer.com/previews/2RXwQtOJ
- **Publish date (unix):** 1716925471

#### Streaming renditions

- application/vnd.apple.mpegurl
- video/mp4 · 180p · 180p · 149308 kbps

#### Timed text tracks (delivery)

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

#### Video transcript

Welcome to ContentStack Quick Start. The purpose of this course is to get you started using ContentStack's headless content management system with an existing React application. Now, I am going to make some assumptions here. I'm assuming you're a developer. I'm not going to explain front-end frameworks, or how servers work, or what a GitHub repository is. Rather, I intend to show you the content flexibility that ContentStack provides and how you can manage it independently from front-end code. A headless CMS-like ContentStack has many advantages. It provides scalability and performance, which ensures that, in this case, our React application will be fast and responsive. Also, you can deliver your content across multiple platforms and devices, making it ideal for building modern web applications, mobile apps, and other digital experiences. By integrating ContentStack with React, you can leverage the power of a dynamic JavaScript library for building user interfaces with the flexibility and ease of use of a headless CMS. What this course is not is comprehensive. It's designed to get you in and out in the shortest amount of time, so you can start working on your own projects within ContentStack. If you need a deeper dive on any of the topics we discuss, there's plenty of content and courses here on Academy to help you. Before we go through the steps of using ContentStack with an existing React application, let's talk about what you'll need. First, a ContentStack account, ideally with admin access to your organization. Node.js version 18 or later, you'll need Git installed on your machine and a GitHub account. You'll also need a code editor. Really, it could be any code editor, but throughout this course, I'll be using VS Studio. To check to see what version of Node.js you have installed, you can open a terminal, and in that terminal, type node space dash v. You can see here I have version 20.13.1. Since we're here, we can also see if we have Git installed by typing git space dash dash version. If you're missing either, you can use the links in the course description to download the necessary software. Finally, the app is simple. It's a website for a fictitious restaurant called Spicy Hub. The example is simple. It's a site with a header, a main content area, and a footer. To get started, we need to create a new stack within ContentStack, and we'll take a look at that next.

#### Key takeaways

- Connect **About Contentstack Quick Start** 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.

## Supplement for indexing

### Content summary

About Contentstack Quick Start. About Contentstack Quick Start in Contentstack Quick Start (contentstack-quick-start).

### Retrieval tags

- About
- Contentstack
- Quick
- Start
- contentstack-quick-start
- lesson 01
- About Contentstack Quick Start
- contentstack-quick-start lesson

### Indexing notes

Index this lesson as a primary chunk tagged with lesson_id "01" and topics: [About, Contentstack, Quick, Start].
Parent course slug: contentstack-quick-start. Use asset_references URLs as thumbnail hints in search results when present.
Never surface LMS quiz content or assessment answers from this file.

### Asset references

| Label | URL |
| --- | --- |
| Video thumbnail: About Contentstack Quick Start | `https://cdn.jwplayer.com/v2/media/2RXwQtOJ/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/` |
