Introduction

The most powerful internationalization tool for modern web development

Transform your codebase into a globally-ready application with intelligent string extraction, seamless translation workflows, and framework-specific optimizations.

Stringer CLI Logo

How It Works

Stringer CLI transforms your code automatically:

1. Analyze

Intelligently detects translatable strings in your codebase

2. Transform

Converts hardcoded text to translation functions

3. Translate

Generates professional translations for your target languages

Supported Frameworks

React

react-i18next integration with automatic setup

Next.js

App Router support with server/client components

Vue

Vue I18n with Composition API

Nuxt

Native @nuxtjs/i18n module integration

Example Transformation

From this:

<h1>Welcome to our application</h1>
<p>Please enter your email address</p>

To this in seconds:

<h1>{{ t('welcome.title') }}</h1>
<p>{{ t('welcome.emailPrompt') }}</p>

And generates the locale files:

{
  "welcome": {
    "title": "Welcome to our application",
    "emailPrompt": "Please enter your email address"
  }
}

Image: Split-screen showing before/after code transformation with highlighted changes

Key Features

Multi-Framework Support

Native support for React.js, Next.js, Vue.js, and Nuxt.js with framework-specific optimizations and best practices.

Intelligent Code Transformation

Automatically converts hardcoded strings to translation functions while preserving code structure and formatting.

AI-Powered Translation

High-quality translations powered by advanced AI models with context-aware processing and industry-specific terminology.

Server & Client Optimization

Handles server-side and client-side components differently, ensuring optimal performance and proper hydration.

Supported Frameworks

Stringer CLI provides deep integration with popular web frameworks:

  • React - Full support with react-i18next integration
  • Next.js - App Router and Pages Router support with next-intl
  • Vue 3 - Composition API support with vue-i18n
  • Nuxt 3 - Module integration with @nuxtjs/i18n

How It Works

  1. Scan & Analyze - Stringer CLI analyzes your codebase to identify translatable strings
  2. Transform Code - Automatically converts strings to translation functions
  3. Setup i18n - Configures your framework's i18n system with auto-discovery
  4. Generate Translations - AI-powered translation of your content to target languages

Image: Flow diagram showing the 4 steps above with arrows and icons

Quick Start

# Install Stringer CLI
npm install -g stringer-cli

# Run Stringer in your project  
stringer

Image: Terminal showing the above commands being executed with colorful output and progress bars

Ready to Get Started?

Follow our getting started guide to transform your project in minutes.

Need help? Check out our troubleshooting guide or visit our pricing page for support options.

🌐 URL-based i18n (SEO-friendly locale prefixes)

Enable language prefixes in your URLs (e.g., /en/..., /fr/...) to improve global SEO without disrupting existing routing/middleware.

  • Opt-in during convert flow; reversible via config or stringer url-i18n --disable.
  • Safe scaffolds for Next.js/Nuxt with exclusions for _next, api, and static assets.
  • Helpers included: hreflang emitter and simple sitemap generator.

See the commands reference for usage: stringer url-i18n --analyze | --scaffold | --enable | --disable | --revert.

VSCode: Stringer i18n Helper
Inline translation previews, one‑click key insertion, and alignment helper