gt-next を追加する

はじめに

NextJS プロジェクトのセットアップおめでとうございます！それでは、gt-next を使って翻訳の準備をしましょう。

現在、あなたのプロジェクトは通常の、国際化されていないプロジェクトであり、1つの言語でしか読むことができません。 しかし、翻訳を始める前に、ライブラリをプロジェクトに追加し、環境をセットアップする必要があります。

gt-next のインストール

次に、gt-next ライブラリをプロジェクトに追加しましょう。以下のコマンドを実行することで追加できます。

npm i gt-next

環境のセットアップ

プロジェクトのルートに .env ファイルを作成し、api key と project id を追加してください。

GT_API_KEY="YOUR_GT_API_KEY"
GT_PROJECT_ID="YOUR_GT_PROJECT_ID"

まだプロジェクトをセットアップしていない場合は、General Translation アカウントにログインしてください。 DEV API Keys ページを開き、新しい DEV API key を作成します。 最後に、DEV API key と project ID をコピーして .env ファイルに貼り付けてください。

結論

これで、翻訳を始めるための準備がすべて整いました。 あとは、プロジェクトに <T> コンポーネントを追加して、翻訳を始めるだけです！