# gt-next: General Translation Next.js SDK: Distribuzione in produzione
URL: https://generaltranslation.com/it/docs/next/tutorials/quickdeploy.mdx
---
title: Distribuzione in produzione
description: Distribuiamo la tua app Next.js con GT
---

{/* GENERATO AUTOMATICAMENTE: non modificare direttamente. Modifica invece il template in content/docs-templates/. */}


## Panoramica

Questo è un breve tutorial per aiutarti a eseguire il deployment della tua app Next.js con GT.

In tutto, dovrebbe richiedere meno di 5 minuti.

Lo faremo in 3 passaggi:

<Steps>
  <Step>
    Aggiungi le chiavi API di produzione.
  </Step>

  <Step>
    Esegui il comando `gt configure` per configurare il progetto.
  </Step>

  <Step>
    Aggiungi il comando `translate` allo script di build.
  </Step>
</Steps>

## Prerequisiti

Supponiamo che tu abbia già configurato la tua app Next.js con GT.
In caso contrario, configura prima il progetto seguendo la [Guida rapida](/docs/next).

## Passaggio 1: Aggiungi le tue chiavi API di produzione 🔑

Per distribuire la tua app in produzione, dovrai usare una chiave API di produzione.

Dalla tua [dashboard](https://generaltranslation.com/dashboard), vai su **API Keys** nella barra laterale.
Fai clic su **Create API Key** e aggiungile al tuo ambiente di produzione.

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

<Callout type="warn">
  **Proteggi le tue chiavi API!**

  Le chiavi di produzione devono essere usate **solo** in produzione.
  Allo stesso modo, le chiavi di sviluppo devono essere usate **solo** in fase di sviluppo.
  *Non eseguire mai il commit delle tue chiavi API in un repository pubblico!*
</Callout>


## Passaggio 2: Esegui il comando `gt configure` 🔧

<Callout>
  Se hai già eseguito il Setup Wizard, puoi saltare questo passaggio.
  Il Setup Wizard avrà già eseguito il comando `gt configure` per te.
</Callout>

Esegui il comando `gt configure` per configurare il progetto.

```bash copy
npx gt configure
```

<Callout>
  Se non vuoi che le tue traduzioni siano ospitate sulla CDN di GT, seleziona &quot;No&quot; quando richiesto.
  Dovrai anche configurare la funzione [`loadTranslations`](/docs/next/api/config/load-translations).
</Callout>


## Passaggio 3: aggiungi il comando translate allo script di build 🏗️

L&#39;ultimo passaggio consiste nell&#39;aggiungere il [comando translate](/docs/cli/translate) allo script di build.
Assicurati che il comando translate venga eseguito prima del comando di build.

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

Ecco fatto! Ora, quando distribuisci la tua app in produzione ed esegui `npm run build`,
il progetto verrà tradotto automaticamente e distribuito insieme alla tua app.

***


## Passaggi successivi

* Consulta la [documentazione della CLI](/docs/cli) per ulteriori informazioni sullo strumento CLI.
* Scopri [qui](/docs/cli/configure) le diverse opzioni di configurazione dello strumento CLI.
* Leggi [qui](/docs/next/concepts/environments) quali sono le differenze tra gli ambienti di produzione e di sviluppo.