--- title: "[Contentstack Launch] - Launch Quick Start Guide with Nuxt" description: Launch Quick Start Guide with Nuxt url: https://www.contentstack.com/docs/developers/launch/quick-start-nuxt product: Contentstack Launch doc_type: quick-start audience: - developers version: v1 last_updated: 2026-03-25 --- # [Contentstack Launch] - Launch Quick Start Guide with Nuxt This page explains how to create and deploy a Nuxt project in Contentstack Launch by importing code from a Git repository (GitHub). It is intended for developers and organization admins/owners who need to set up a first Launch project using Nuxt and GitHub. ## 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.git) or [Bitbucket Cloud](/docs/developers/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/) - Access to Launch for your organization - [GitHub account](https://github.com/login) ## Steps for Execution Follow the steps given below to deploy your first Launch project using GitHub: **Note:** Only the Organization [Admin](/docs/developers/organization/organization-roles#organization-admin)/[Owner](/docs/developers/organization/organization-roles#organization-owner) has the right to create projects in a stack for Launch. - [Log in to Contentstack](https://www.contentstack.com/login/) and click the **Launch** icon from the dashboard, as shown below: - On the **Launch** **Projects** screen, click the **+ New Project** button to initiate the project creation process. - From the **Create New Project** modal, click **Import from a Git Repository**. **Note:** You can also choose to [upload a .zip file to import a project](/docs/developers/launch/import-project-using-file-upload/). - Click **GitHub**. **Additional Resource:** You can also import a project using Bitbucket Cloud. Follow the steps in the [Create a Project Using Bitbucket Cloud](/docs/developers/launch/import-a-project-using-bitbucket-cloud) guide to proceed. A new page opens. **Sign in** or **create a new GitHub account**. - Enter your credentials and log in. - 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. - 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**. You will be redirected to the Launch app. - In the **Create New Project** modal, add the following details: - **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. - **Git Branch **(Mandatory): By default, `master` or `main` is selected as the branch. You can choose another branch from the dropdown. - **Project Name** (Mandatory): Gets auto-populated on selecting the repository. You can edit it as per your requirement. - **Environment Name** (Mandatory): Enter the name of the environment. - **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` **Note:** The `**Server Command**` field allows you to deploy Nuxt as Server-Side Rendered. In most cases, this command will be `npm start`. - **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 ``` **Note:** Click **Back **to revert the changes and re-enter details. - 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. 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: If you want to deploy the changes from any other commits, you can click the **Redeploy **button and choose the required commit. **Note:** The log details of the current deployment can be found under the **Logs** section. **Additional Resource:** Explore our [Kickstart Nuxt](/docs/developers/kickstarts/nuxt) guide for step-by-step instructions to set up and run a Nuxt project integrated with Contentstack. ## Common questions ### Who can create projects in Launch? **Note:** Only the Organization [Admin](/docs/developers/organization/organization-roles#organization-admin)/[Owner](/docs/developers/organization/organization-roles#organization-owner) has the right to create projects in a stack for Launch. ### Can I import a Nuxt project without GitHub? **Note:** You can also choose to [upload a .zip file to import a project](/docs/developers/launch/import-project-using-file-upload/). ### Can I use Bitbucket Cloud instead of GitHub? **Additional Resource:** You can also import a project using Bitbucket Cloud. Follow the steps in the [Create a Project Using Bitbucket Cloud](/docs/developers/launch/import-a-project-using-bitbucket-cloud) guide to proceed. ### Where can I find deployment logs? **Note:** The log details of the current deployment can be found under the **Logs** section.