---
title: "Launch Quick Start Guide with Nuxt"
description: "Learn to deploy your first Nuxt Launch project using GitHub."
url: "https://www.contentstack.com/docs/launch/quick-start-nuxt"
product: "Contentstack"
doc_type: "guide"
audience:
  - developers
  - admins
version: "current"
last_updated: "2026-08-11"
---

# Launch Quick Start Guide with Nuxt

The fastest way to get started with Nuxt on Launch is by creating a project and importing your website code from [GitHub](https://github.com/AryanBansal-launch/kickstart-nuxt-Tim) or [Bitbucket Cloud](/docs/launch/import-a-project-using-bitbucket-cloud/).

This document guides you through the process of creating a project using GitHub.

## Prerequisites

*   [Contentstack account](https://www.contentstack.com/login/)
*   Launch-enabled Organization with [Owner or Admin](/docs/administration/about-administration-roles) permissions
*   [GitHub account](https://github.com/login)

## What You Will Learn

*   How to import a GitHub repository into Launch.
    
*   How to configure build and output settings for a Nuxt project.
    
*   How to add environment variables to a Launch project.
    
*   How to deploy the project and preview the live site.
    

## Steps for Execution

Follow the steps given below to deploy your first Launch project using GitHub:

1.  [Log in to Contentstack](https://www.contentstack.com/login/) and click the **Launch** icon from the dashboard, as shown below:![Launch\_2026\_Landing\_Page.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt93cb437e9760884e/69647cf52269f8000829f814/Launch_2026_Landing_Page.png)  
    Alternatively, go to the **App Switcher** in the top panel and click the **Launch** icon.![AppSwitcher\_Launch.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt5c5085453e429d79/69ce4df3267d5e026d79f448/AppSwitcher_Launch.png)
2.  On the **Launch** **Projects** screen, click the **\+ New Project** button to initiate the project creation process.![Launch\_Projects\_Landing\_Page\_2026.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt21093a02592b00ef/69afdb45afcf450008d243b2/Launch_Projects_Landing_Page_2026.png)
3.  From the **Create New Project** modal, click **Import from a Git Repository**.  
    ![Launch\_Create\_Proj\_Git\_File.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt09bbe7fc07e8c9a5/660bba5d1b5a585bbdadd2cc/Launch_Create_Proj_Git_File.png)
    
    **Note:** You can also choose to [upload a .zip file to import a project](/docs/launch/import-project-using-file-upload/).
    
4.  Click **GitHub**.
    
    ![Launch-GitHub-ConnectAccount.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt2e0658a692b0e60b/6435370bcbf631109cafab84/Launch-GitHub-ConnectAccount.png)
    
    **Additional Resource:** You can also import a project using Bitbucket Cloud. Follow the steps in the [Create a Project Using Bitbucket Cloud](/docs/launch/import-a-project-using-bitbucket-cloud) guide to proceed.
    
    A new page opens. **Sign in** or **create a new GitHub account**.
    
5.  Enter your credentials and log in.
    
    ![Launch-Sign-In.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt27acfd69a831865a/64365e5a74d71410bfac5229/Launch-Sign-In.png)
    
6.  In the **Repository access** section, select **All repositories**.  
    
    **Note:** If you want to choose specific repositories, select the **Only select repositories** option and choose the required repository.
    
    ![Launch\_New\_Repository\_Access\_SS.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blte4821228ea208a34/645b412eaf653fc45cd4764d/Launch_New_Repository_Access_SS.png)
    
7.  Click the **Save** button.  
    
    **Note:** If you are accessing GitHub through Contentstack for the first time, you must authorize Contentstack by clicking the **Install & Authorize** button after selecting **All repositories**.
    
    ![Launch-GitHub-Install\_Authorize.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt40493387afda42b0/645cde3e0227879e622d71b4/Launch-GitHub-Install_Authorize.png)
    
    You will be redirected to the Launch app.
    
8.  In the **Create New Project** modal, add the following details:
    
    1.  **Repository** (Mandatory): Select the Git repository. In this guide, we have selected the [**Nuxt Sample**](https://github.com/contentstack-launch-examples/contentstack-nuxt-example-starter) repository from our Launch example namespace.
        
        **Note:** When you select the repo, the **Build and Output Settings** section gets auto-populated.
        
    2.  **Git Branch** (Mandatory): By default, master or main is selected as the branch. You can choose another branch from the dropdown.
    3.  **Project Name** (Mandatory): Gets auto-populated on selecting the repository. You can edit it as per your requirement.
    4.  **Environment Name** (Mandatory): Enter the name of the environment.![Launch\_Nuxt\_CreateNewProj.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt48f561e2aa486c35/685b7aefe914801534dbd96f/Launch_Nuxt_CreateNewProj.png)
    5.  **Build and Output Settings** (Mandatory): The fields in this section get auto-populated based on the Nuxt framework, as discussed above. Ensure that the **Output Directory** is set to ./.output
        
        Select a response mode:
        
        *   **Streaming**: Delivers response chunks in real time as they are generated.
        *   **Buffered**: Displays output only after the entire response has been generated.
        
        **Note:** Buffered is selected by default.
        
        ![Launch\_NuxtJS\_QSGuide\_BuildOutput.png](https://assets.contentstack.io/spaces/am51d76353d996c1fe/assets/amdd6e9f9f94d57c30/e41edbb55143ba1727041553/Launch_NuxtJS_QSGuide_BuildOutput.png?locale=en-us)
        
        **Note:** The **Server Command** field allows you to deploy Nuxt as Server-Side Rendered. In most cases, this command will be npm start.
        
    6.  **Environment Variables** (Optional):
        
        *   Enter the key and value of one or more environment variables.
        *   You can also add the key-value pairs in bulk in the **Bulk Edit** section.
        
        ```
        NUXT_CONTENTSTACK_API_KEY=blxxxxxxxx63
        NUXT_CONTENTSTACK_DELIVERY_TOKEN=csxxxxxxxxxxxc5
        NUXT_CONTENTSTACK_PREVIEW_TOKEN=csxxxxxxxxxxxxa5
        NUXT_CONTENTSTACK_ENVIRONMENT=preview
        NUXT_CONTENTSTACK_REGION=EU
        NUXT_CONTENTSTACK_PREVIEW=true
        ```
        
        ![Launch\_Env\_Variables\_Nuxt.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt657fb4d1749d8c43/69f2bb489708ad7dd58c17a8/Launch_Env_Variables_Nuxt.png)
        
        **Note:** Click **Back** to revert the changes and re-enter details.
        
9.  Once ready, click **Deploy** to save and deploy the project.
    
    At first, the screen shows the **Deploying** status while the project deployment is in progress.![Launch\_Nuxt\_Deploying\_CancelFeature.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt2d89596236a34e99/69dc7ad5de83c68620d6392c/Launch_Nuxt_Deploying_CancelFeature.png)
    

Upon successful deployment, you will see the following screen. You can preview the deployed website by clicking the icon next to the URL in the **Domains** section:![Launch\_Nuxt\_Live.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt903ab01d1288e89b/685b7af06d774bb4e5c14366/Launch_Nuxt_Live.png)

If you want to deploy the changes from any other commits, you can click the **Redeploy** button and choose the required commit.![Launch\_Nuxt\_Redeploy.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt61ece15f66b0f49e/685b7af03d95db414eac0f3d/Launch_Nuxt_Redeploy.png)

**Note:** The log details of the current deployment can be found under the **Logs** section.

![Launch\_Nuxt\_Logs.png](https://images.contentstack.io/v3/assets/blt2d43f51baca745a8/blt0981d9a921049d02/685b7af07a146a67550592a7/Launch_Nuxt_Logs.png)

**Additional Resource:** Explore our [Kickstart Nuxt](/docs/headless-cms/nuxt) guide for step-by-step instructions to set up and run a Nuxt project integrated with Contentstack.