# gt-react: General Translation React SDK: Deploy to Production
URL: https://generaltranslation.com/en-US/docs/react/tutorials/quickdeploy.mdx
---
title: Deploy to Production
description: Let's deploy your React app with GT
---
{/* AUTO-GENERATED: Do not edit directly. Edit the template in content/docs-templates/ instead. */}


## Overview

This is a short tutorial to help you deploy your React app with GT.

In total, this should take less than 5 minutes to complete.

We will do this in 3 steps:
<Steps>
  <Step>
    Add your production API keys.
  </Step>
  <Step>
    Run the `gtx-cli configure` command to configure your project.
  </Step>
  <Step>
    Add the translate command to your build script.
  </Step>
</Steps>

## Prerequisites

We'll assume that you have already set up your React app with GT.
If you haven't, first set up your project by following the [Quick Start Guide](/docs/react/tutorials/quickstart).

## Step 1: Add your production API keys 🔑

To deploy your app to production, you'll need to use a production API key.

From your [dashboard](https://generaltranslation.com/dashboard), go to **API Keys** in the sidebar.
Click on **Create API Key**, and add them to your production environment.

```bash copy
GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"
```

<Callout type="warn">
    **Protect Your API Keys!**

    Production keys should **only** ever be used in production.
    Likewise, development keys should **only** ever be used in development.
    *Never commit your API keys to a public repository!*
</Callout>

## Step 2: Run the `gtx-cli configure` command 🔧

<Callout>
  If you've previously run the Setup Wizard, you can skip this step.
  The setup wizard will have already run the `gtx-cli configure` command for you.
</Callout>

Run the `gtx-cli configure` command to configure your project.

```bash copy
npx gtx-cli configure
```

<Callout>
  If you do not want your translations to be hosted on the GT CDN, select "No" when asked.
  You will also need to configure the [`loadTranslations`](/docs/react/api/config/load-translations) function.
</Callout>

## Step 3: Add the translate command to your build script 🏗️

The last step is to add the [translate command](/docs/cli/translate) to your build script.
Make sure that the translate command comes before the build command.

```json title="package.json" copy
{
  "scripts": {
    "build": "npx gtx-cli translate && <...YOUR_BUILD_COMMAND...>"
  }
}
```

That's it! Now, when you deploy your app to production and run `npm run build`,
your project will be automatically translated and deployed alongside your app.

---

## Next steps
 * See the [CLI docs](/docs/cli) for more information on the CLI tool.
 * Learn about the different configuration options for the CLI tool [here](/docs/cli/configure).
 * Read about the difference between production and development environments [here](/docs/react/concepts/environments).