• Blog
  • Documentation
  • Courses
  • Changelog
  • AI Starters
  • UI Kit
  • FAQ
  • Supamode
    New
  • Pricing

Launch your next SaaS in record time with Makerkit, a React SaaS Boilerplate for Next.js and Supabase.

Makerkit is a product of Makerkit Pte Ltd (registered in the Republic of Singapore)Company Registration No: 202407149CFor support or inquiries, please contact us

About
  • FAQ
  • Contact
  • Verify your Discord
  • Consultation
  • Open Source
  • Become an Affiliate
Product
  • Documentation
  • Blog
  • Changelog
  • UI Blocks
  • Figma UI Kit
  • AI SaaS Starters
License
  • Activate License
  • Upgrade License
  • Invite Member
Legal
  • Terms of License
    • Environment Variables
    • Translations Editor

Translations Editor

The Next.js Supabase Turbo Dev Tools allows you to edit translations and use AI to translate them.

The Translations Editor is a tool that allows you to edit translations and use AI to translate them.

It's a simple editor that allows you to edit translations for your project.

Set Open AI API Key

First, you need to set the Open AI API Key in the apps/e2e/.env.local file.

bash
OPENAI_API_KEY=your-openai-api-key

Either make sure your key has access to the gpt-4o-mini model or set the LLM_MODEL_NAME environment variable to whichever model you have access to.

Adding a new language

First, you need to add the language to the apps/web/lib/i18n.settings.ts file as described in the Adding Translations documentation.

Generate Translations with AI

The Translations Editor allows you to generate translations with AI.

You can use the AI to translate the translations for you by clicking the "Translate missing with AI" button.

Editing Translations

Every time you update a translation, it will be saved automatically to the same file it's defined in.

On this page
  1. Set Open AI API Key
    1. Adding a new language
      1. Generate Translations with AI
        1. Editing Translations