# Getting Started ### About this export | Field | Value | | --- | --- | | **content_type** | lesson | | **platform** | contentstack-academy | | **source_url** | https://www.contentstack.com/academy/courses/contentstack-for-developers/getting-started | | **course_slug** | contentstack-for-developers | | **lesson_slug** | getting-started | | **markdown_file_url** | /academy/md/courses/contentstack-for-developers/getting-started.md | | **generated_at** | 2026-05-11T07:02:27.254Z | > Part of **[Contentstack for Developers](https://www.contentstack.com/academy/courses/contentstack-for-developers)** on Contentstack Academy. **Academy MD v3** — structured for retrieval; no quiz or assessment keys. #### Video details #### At a glance - **Title:** Dev-getting Started With The Contentstack Academy Website - **Duration:** 3m 44s - **Media link:** https://cdn.jwplayer.com/previews/HoLoBca0 - **Publish date (unix):** 1716254996 #### Streaming renditions - application/vnd.apple.mpegurl - audio/mp4 · AAC Audio · 113744 kbps - video/mp4 · 180p · 200p · 152758 kbps - video/mp4 · 270p · 300p · 180832 kbps - video/mp4 · 360p · 400p · 207568 kbps - video/mp4 · 406p · 450p · 223975 kbps - video/mp4 · 540p · 600p · 281504 kbps - video/mp4 · 720p · 800p · 365707 kbps #### Timed text tracks (delivery) - **thumbnails:** `https://cdn.jwplayer.com/strips/HoLoBca0-120.vtt` #### Video transcript Hi, welcome to the Content Stack Academy. In this video, we're going to set up and configure our web application that we're going to use for this course. Let's get started. You should already have your starter training stack. If not, then come here to this website for Academy and create a training instance. The next thing you're going to want to do is go to the GitHub repository Content Stack Academy Playground and download the code. Once you do those two things, then you should have access to a Content Stack stack and go ahead and log in and you should be on your dashboard. The first thing we want to do is actually come over here to Settings, and then we're going to go to Tokens, and select the Development Token. These are the two properties that we're going to need to add to our config file. Next step is we're going to go over to Visual Studio Code or your local development environment, and you're going to first rename this file and local sample. You need to be in a code environment to do that. Sometimes the file system will hide this file because it starts with a dot, so it's just easier to do it right here. Let's go ahead and rename this and then take out sample. So it should be .m.local. That's my local properties file that's going to tell my application where to find Content Stack. Let's open that file and then let's update our keys. Here we can see that we've got our API key and delivery token. So I'm going to go ahead and copy that, paste it here. I'm also going to grab my delivery token and paste it there. Our environment is development. Now for live preview, we're going to create a management token. So let's do that right now. Let's go to management tokens, add a new management token. Here I'm going to call it my CRUD token, create, read, update, and delete, because that's what it's going to do. We can also call it our live preview token. Here in description, I can say live preview. Let's go ahead and keep going down. It's all branches, branch alias, it has read and write permissions, and finally click generate token. The name is not unique. So let me just call this my live preview token. I copied this management token out right now. It's going to be hidden after this screen disappears, because it is a sensitive token, because we can update and change content in Content Stack. Click done. Now let's go back into our code, and go over here and add in our management token. The rest of the values look good, so let's go ahead and save. At this point, we want to build our project. So we're going to go down to the terminal, and here we're just going to do npm i. After this, just takes a couple of seconds to load and to build. Then after that, we're going to run npm run dev, and that's going to run the website locally. And that's it. So it's either going to run under localhost 3000, 3001, 3002, depending on what kind of local websites you have running. And then it's going to open a new browser, and you'll see our training site. Then over here, you can go also to Composable Heroes, for example, and see our Composable Hero homepage. And we've also got a detail page here that you can view. And this is the content that we're going to be building in the course today. Thank you very much for watching this video, and see you soon. #### Key takeaways - Connect **Getting Started** 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 Getting Started. Getting Started in Contentstack for Developers (contentstack-for-developers). ### Retrieval tags - Getting - Started - contentstack-for-developers - lesson 02 - Getting Started - contentstack-for-developers lesson ### Indexing notes Index this lesson as a primary chunk tagged with lesson_id "02" and topics: [Getting, Started]. Parent course slug: contentstack-for-developers. 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: Getting Started | `https://cdn.jwplayer.com/v2/media/HoLoBca0/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/` |