Introduction

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

How It Works

Stringer CLI transforms your code automatically:

Supported Frameworks

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

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.