TacoTranslate
TacoTranslate is an automatic internationalization (i18n) tool designed specifically for React applications. It streamlines the localizatio...
Last verified:
What is TacoTranslate?
TacoTranslate is a cutting-edge localization tool designed specifically for React applications, with a strong emphasis on seamless integration with Next.js. It automates the collection and translation of strings within your application code, enabling you to quickly and efficiently expand your application to new markets without managing separate JSON files.
Key features include automatic string collection and translation, context-aware AI-powered translations that learn your product's tone, one-click language support for adding new languages, seamless integration without overhauling your codebase, in-code string management, support for 75+ languages including English, Spanish, French, German, and Chinese, and origins for separating strings into meaningful containers like documentation or marketing pages.
TacoTranslate is ideal for individual developers and larger teams working with React and Next.js applications who want to quickly ship to global markets. It eliminates tedious JSON file management, lets developers focus on coding instead of maintaining translation files, and provides continuous delivery with instant localization. The tool also supports server-side rendering, pluralization, right-to-left languages, variables for dynamic content, and HTML content rendering with sanitization.
The tool continuously improves translations through AI learning, handles new features instantly without delay, and allows incremental integration at your own pace. Translators can also improve translations using a user-friendly interface, and data can be exported at any time with no vendor lock-in.
TacoTranslate pricing
Pricing model: Paid
TacoTranslate offers a free tier at $0 forever with no credit card required, providing access to the translation management system surface with limited usage and documentation available on signup. The Entry paid plan is $89 per month with self-serve checkout via card, usage included up to plan cap, public API access for integrations and AI agents, and account creation required for API key issuance. Total of 2 tiers including the free tier.
TacoTranslate pros
- Automatic string collection and translation within React code
- No JSON file management required
- Supports 76 languages for global reach
- One-click language addition at the click of a button
- Context-aware AI translations that learn your product
- Seamless Next.js integration optimized for App and Pages Router
- Works with other frameworks beyond React
- No vendor lock-in, strings and translations are exportable
- Incremental integration without overhauling entire codebase
- Developers don't maintain translation files manually
- Continuous AI translation improvement over time
- Supports variables for dynamic content like user names
- Origins feature to separate strings into containers
- HTML rendering support with sanitize-html security
- Server-side translation via translateEntries utility
- useTranslation hook for plain string translations
- Translate component supports rendering HTML in span elements
- No credit card required for free tier signup
- Optional translator interface for manual improvements
- Pluralization and right-to-left language support
TacoTranslate cons
- Paid plan starts at $89/month which is expensive for small teams
- Free tier has limited usage caps
- Primarily optimized for React/Next.js, less for other frameworks
- API key issuance requires account creation
- Many strings in one origin may increase loading times
- Machine translations initially lower quality than AI translations
- HTML rendering must be disabled for untrusted content
- Public API not advertised on main pricing page
Frequently asked questions about TacoTranslate
What is TacoTranslate?
TacoTranslate is a cutting-edge localization tool designed specifically for React applications with strong emphasis on seamless Next.js integration. It automates collection and translation of strings within your application code, enabling quick and efficient expansion to new markets without managing separate JSON files.
How many languages does TacoTranslate support?
TacoTranslate currently supports translation between 75 languages, including English, Spanish, French, German, Chinese, and many more. The homepage mentions shipping 76 languages in minutes.
Do I need a credit card to start using TacoTranslate?
No credit card is required for the free tier. You can sign up for free and access TacoTranslate's translation management system with limited usage and documentation available on signup.
How do I install TacoTranslate in my project?
To install TacoTranslate, open your terminal, navigate to your project root directory, and run the command: npm install tacotranslate. This assumes you already have a project set up.
What are the three ways to translate strings in TacoTranslate?
There are three ways: The Translate component (outputs translations within a span element and supports HTML rendering), the useTranslation hook (returns translations as plain strings useful for meta tags), and the translateEntries utility (translates strings on the server side for things like OpenGraph images).
What are origins in TacoTranslate?
Origins are entry points, folders, or groups for your strings and translations within TacoTranslate projects. They let you separate strings into meaningful containers, such as one origin for documentation and another for your marketing page. The same string may receive different translations in different origins.
How are strings translated in TacoTranslate?
When strings reach TacoTranslate servers, they are first validated and saved, then immediately return a machine translation for quick initial response. Simultaneously, an asynchronous translation job generates high-quality AI translation. Once AI translation is ready, it replaces the machine translation. Manual translations take precedence if you've translated a string manually.
Can I use TacoTranslate with Next.js Pages Router?
Yes, TacoTranslate was engineered to work especially well with Next.js and continually adds support for new features. There is a Next.js Pages Router implementation guide available, and it also works great with the App Router and other frameworks.
Is HTML content supported in translations?
By default, the Translate component supports and renders HTML content. However, you can opt out by setting useDangerouslySetInnerHTML to false, which is strongly recommended for untrusted content like user-generated content. All output is always sanitized with sanitize-html before rendering.