# Deploying the Starter App with Contentstack Launch

### About this export

| Field | Value |
| --- | --- |
| **content_type** | lesson |
| **platform** | contentstack-academy |
| **source_url** | https://www.contentstack.com/academy/courses/contentstack-for-developers/deploying-the-starter-app-with-contentstack-launch |
| **course_slug** | contentstack-for-developers |
| **lesson_slug** | deploying-the-starter-app-with-contentstack-launch |
| **markdown_file_url** | /academy/md/courses/contentstack-for-developers/deploying-the-starter-app-with-contentstack-launch.md |
| **generated_at** | 2026-05-04T05:36:51.371Z |

> 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.

<!-- ai_metadata: {"lesson_id":"19","type":"text","duration_minutes":1,"topics":["Deploying","the","Starter","App","with","Contentstack"]} -->

#### Lesson text

With Contentstack's launch product, developers can focus on building and updating their applications while leaving the hosting infrastructure to Contentstack.

To assist users with the various functionalities of this product, Contentstack offers a [comprehensive help center](https://www.contentstack.com/docs/developers/launch/) on its website. The help center includes detailed guides and tutorials on [creating projects](https://www.contentstack.com/docs/developers/launch/import-project-using-github/), [setting up deploy hooks](https://www.contentstack.com/docs/developers/launch/deploy-hooks/), and [redeploying applications](https://www.contentstack.com/docs/developers/launch/redeploy-automatically-when-content-is-published-on-CMS/) when content is published. Additionally, the website provides a robust community forum where users can interact with other users, share their experiences, and get support from the Contentstack team.

*   **Host** your website or web app directly from Contentstack, leveraging our high-speed CDN and proven infrastructure.
    
*   **Link** your Contentstack Stacks and front-end environments without copying and pasting API keys.
    
*   **Leverage** the only front-end site hosting solution that’s built explicitly for the Contentstack CMS.
    

## Framework agnostic

Build projects in virtually any common Javascript front-end framework, easily connect to and deploy code directly from a git repository.

*   **Automatic** configuration for Nextjs and Gatsby, with more frameworks on the way
    
*   **Use** virtually any composable Javascript front-end framework with custom build commands.
    
*   **Upload** static site files via Zip for instant deployment for projects that don’t use git.
    
*   **Support** for Edge functions and more **coming soon!**
    

# **Exercise: Deploy the site with Contentstack Launch**

**1.  Open Launch**  
![CSforDev\_L19-img\_1.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt59869ec9f872a769/67dc7979632b93a52ad4983e/CSforDev_L19-img_1.png)

**2.  New Project**

  

**3.  Upload File**

![CSforDev\_L19-img\_2.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt803195694348711a/67dc79af983a650b893b72f7/CSforDev_L19-img_2.png)

  

**4\. Upload the StarterApp project**.  In this example, we will use the NextJS Starter App.  Download the code from the Github repository here: [https://github.com/contentstack/contentstack-nextjs-starter-app](https://github.com/contentstack/contentstack-nextjs-starter-app)

  

**5.  Select your Stack with the Starter App** and then Import Environment Variables

![CSforDev\_L19-img\_3.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt91248dc45e8c64c4/67dc79e5314d6788311b6674/CSforDev_L19-img_3.png)

**6.  Site is being deployed**.  This takes up to 5 minutes.  The URL will be a Contentstack URL with the free trial, however, with a paid plan you will be able to use custom domains.

![CSforDev\_L19-img\_4.png](https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt9de2eeb19d27402b/67dc7a13dd73e3fed6bf2b3b/CSforDev_L19-img_4.png)

  

**7.  Site is deployed**

  

### Learn More About Launch

*   [Developer Documentation](https://www.contentstack.com/docs/developers/launch/)
    
*   [Community Forum](https://community.contentstack.com/search?q=Launch&search_type=tag)
    
*   [Guide for Deploying the StarterApp with Launch](https://www.contentstack.com/docs/developers/launch/quick-start-nextjs/)

#### Key takeaways

- Connect **Deploying the Starter App with Contentstack Launch** 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

Deploying the Starter App with Contentstack Launch. With Contentstack's launch product, developers can focus on building and updating their applications while leaving the hosting infrastructure to Contentstack. To assist users with the various functionalities of this product, Contentstack offers a comprehensive help center (https://www.contentstack.com/docs/developers/launch/) on its website. The help center includes detailed guides and tutorials on creating projects (https://www.contentstack.com/docs/developers/launch/import-project-using-github/), setting up deploy hooks (https://www.contentstack.com/docs/developers/launch/deploy-hooks/), and redeploying applications (https://www.contentstack.com/docs/developers/launch/redeploy-automaticall

### Retrieval tags

- Deploying
- the
- Starter
- App
- with
- Contentstack
- contentstack-for-developers
- lesson 19
- Deploying the Starter App with Contentstack Launch
- contentstack-for-developers lesson

### Indexing notes

Index this lesson as a primary chunk tagged with lesson_id "19" and topics: [Deploying, the, Starter, App, with, Contentstack].
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 |
| --- | --- |
| CSforDev\_L19-img\_1.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt59869ec9f872a769/67dc7979632b93a52ad4983e/CSforDev_L19-img_1.png` |
| CSforDev\_L19-img\_2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt803195694348711a/67dc79af983a650b893b72f7/CSforDev_L19-img_2.png` |
| CSforDev\_L19-img\_3.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt91248dc45e8c64c4/67dc79e5314d6788311b6674/CSforDev_L19-img_3.png` |
| CSforDev\_L19-img\_4.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt9de2eeb19d27402b/67dc7a13dd73e3fed6bf2b3b/CSforDev_L19-img_4.png` |

### 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/` |
| comprehensive help center | `https://www.contentstack.com/docs/developers/launch/` |
| creating projects | `https://www.contentstack.com/docs/developers/launch/import-project-using-github/` |
| setting up deploy hooks | `https://www.contentstack.com/docs/developers/launch/deploy-hooks/` |
| redeploying applications | `https://www.contentstack.com/docs/developers/launch/redeploy-automatically-when-content-is-published-on-CMS/` |
| CSforDev\_L19-img\_1.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt59869ec9f872a769/67dc7979632b93a52ad4983e/CSforDev_L19-img_1.png` |
| CSforDev\_L19-img\_2.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt803195694348711a/67dc79af983a650b893b72f7/CSforDev_L19-img_2.png` |
| https://github.com/contentstack/contentstack-nextjs-starter-app | `https://github.com/contentstack/contentstack-nextjs-starter-app` |
| CSforDev\_L19-img\_3.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt91248dc45e8c64c4/67dc79e5314d6788311b6674/CSforDev_L19-img_3.png` |
| CSforDev\_L19-img\_4.png | `https://images.contentstack.io/v3/assets/bltebc53cfaf0dd6403/blt9de2eeb19d27402b/67dc7a13dd73e3fed6bf2b3b/CSforDev_L19-img_4.png` |
| Community Forum | `https://community.contentstack.com/search?q=Launch&search_type=tag` |
| Guide for Deploying the StarterApp with Launch | `https://www.contentstack.com/docs/developers/launch/quick-start-nextjs/` |