[フレーム][フレーム]
Crowdin Logo - Dark Crowdin Logo - Light Blog
[画像:Background of the banner at the top of the page] [画像:Background of the banner at the top of the page]

Engineering

Guide on i18n cover image
Guide on i18n: Process and Tools to Use
14 min read

To make your product or service easily available in international markets, you need to implement internationalization (i18n). I18n is fundamentally an architectural process of designing code that can be easily adapted to different languages and regions without changes to the source logic. If you are a business aiming to reach different target markets, this guide is for you. In this article, we will discuss what i18n is, why it is important, the phases of the i18n process, and the main integrations for establishing efficient processes and achieving accurate outcomes. Let's get started.

iOS Localization
iOS Localization Tutorial with SwiftUI Demo Project
13 min read

Localization is the process of adapting your app’s content, design, and UX to match the language, culture, and preferences of users in different regions. In iOS development, localization involves: - Translating text such as labels, buttons, and alerts. - Adjusting date, time, and number formats. - Adapting images or icons with regional meaning. - Handling right-to-left (RTL) languages like Arabic or Hebrew. The main goal of localization is to improve accessibility and engagement by making your app more intuitive for people across different languages. Why do you need to treat l10n right? Because it directly impacts your business goals. When users see an app in their language, they are more likely to: - Download and try it. - Understand the features more easily. - Trust the product and leave positive reviews. - Continue using the app regularly. In this iOS localization tutorial, we’ll walk through how to localize a SwiftUI app step by step – starting with Xcode’s built-in tools and finishing with a more scalable, collaborative workflow using Crowdin.

React internationalization
React i18n with i18next: Expert Tutorial with Code Examples
19 min read

React i18n isn’t just a nice-to-have anymore; it’s something users expect. According to Global Multilingual CX Survey, 68% of people would switch to a brand that speaks their language. This means that about two out of three users might leave your app or website just because it doesn’t feel familiar. Yet internationalization can feel messy. What library should you choose? What is the best way to structure JSON files? What about performance, plurals, RTL text, routing, and lazy loading? This guide will show you how to set up i18next for React i18n from start to finish. Then, it shows how to scale your workflow using Crowdin, including GitHub/GitLab sync, QA checks, and Over-The-Air (OTA) updates, so you don’t rebuild for every copy change. What You Will Learn: - Foundations: What i18n is in React, and how it prepares your code for later localization. - Library Choice: i18next vs. React-Intl - when to use which. - Hands-On: Install, configure, and ship i18next + react-i18nex with clean JSON. - Advanced: Interpolation, plurals, <Trans>, language detection, lazy loading, router. - Scale Up: Replace manual file passing with a TMS, automate with Crowdin (repo sync, translate JSON files, QA, OTA, and use AI for localization)

JavaScript localization guide cover image
JavaScript Localization Guide: From Setup to Production
26 min read
Last updated:

When you initially develop an application, internationalization of that app or website doesn't come to mind. Eventually, however, you discover a substantial untapped audience blocked by the language barrier. Consider that there are people who only understand their native language and originate from different countries, such as Poland, England, the USA, and Mexico, who are accessing your App or Website. How will they understand the services or products you are offering? Here, JavaScript Localization comes into the picture. Let me tell you why we need it. According to statistics, more than 76% of online buyers prefer to purchase a product if the description is in their native language. At the same time, 40% of them do not prefer to buy from websites only in English. JavaScript localization is one of the most effective ways to adapt your entire application into a language users can easily understand. What you will master from this guide: - What is JavaScript Localization, and why use it? - Comprehensive knowledge of JavaScript Localization and its Implementation. - Perfect tool selection and workflow optimization. - We’ll walk through some of the best JS Localization tools, including i18next, FormatJS, and more. - How to handle date/time and localized content. - An advanced tool integration with Crowdin. - Get the best production-ready practices.

Svelte Localization with Crowdin
How to Localize a Svelte App with Svelte-i18n and Crowdin
14 min read

The Internet has made the world a global, interconnected village, and the content we produce should reflect this reality. Using internationalization (i18n) and localization (l10n), software developers and digital content creators can translate their content to fit different languages and cultures around the world. For developers using JavaScript to build web applications, they have plenty of options to choose from. Popular frameworks like React, Angular, Vue, and Svelte, and even newer ones like Solid and Qwik, all have dedicated i18n libraries. In this article, however, we'll be looking at i18n with Svelte.

next.js translate with crowdin
Guide to Next.js Internationalization (i18n) with next-intl
19 min read
Last updated:

While English is known to be the lingua franca of the web, when you look at the the top languages by number of native speakers, the result looks fairly more diverse: 1. Chinese (1.3 billion native speakers) 2. Spanish (485 million native speakers) 3. English (373 million native speakers) 4. Arabic (362 million native speakers) 5. Hindi (344 million native speakers) With language being the foundation of communication, it’s clear that if you want to make your web content available to an international audience, you can enhance the user experience by supporting more than a single language. Internationalization, often abbreviated to i18n, prepares your application for localization to any language or region. In this article, we will explore the process of adapting a Next.js site that was initially designed for a single language & market to be able to cater to an international audience. We will achieve this by implementing internationalization using next-intl library, specifically created for Next.js. The preferred choice for the App Router due to its deep integration with React Server Components, robust type-safety, and an architecture optimized for performance. To practically explore this transition, we will discuss the Next.js i18n of an e-commerce storefront for a bicycle manufacturer based in the UK that is planning to sell its products to Switzerland.

Astro i18n and Localization Tutorial
Complete Guide to Astro i18n and Localization
8 min read
Last updated:

In this article, you will learn the basics of Astro website localization and i18n, so you can make your site multilingual to reach new markets. We'll discuss i18n and localization best practices that will ensure that you can adapt an application to meet the cultural, language, and other requirements of a country or region you're targeting. Integrating your localization software with an Astro-based website is an important step to automating the localization process. Let’s start with a walk-through on how to set up language sub-paths and connect Crowdin to your Astro project.

Angular i18n
Angular i18n and Localization Guide with Examples
13 min read
Last updated:

Building Angular apps that will be accessible for people from different countries and cultures requires you to implement internationalization (i18n) and localization in web applications. In this article, we will explore the concepts of i18n and localization in Angular and provide a complete guide to implementing Angular i18n and then localization in the most effective way.

Nuxtjs i18n, multi-language applications with Crowdin
How to Build a Multi-Language Application with Nuxt i18n
11 min read
Last updated:

It's increasingly common for businesses and organizations to have their applications support multiple languages. Building multi-language applications can be a challenging task. Luckily, there are tools and frameworks available that can make the process easier and more efficient. One such tool is NuxtJS, a powerful and popular JavaScript framework. Use it to build multi-language applications with its built-in nuxt i18n module. Even better, NuxtJS offers a range of features and benefits that make it well-suited for building multi-language applications, including server-side rendering, code-splitting, and automatic code generation.

How to Localize JavaScript and React Apps with Lingui
How to Localize JavaScript and React Apps with Lingui
13 min read
Last updated:

Internationalization (i18n) prepares your apps for a global audience in today's interconnected world. If you're a JavaScript or React developer looking for a lightweight, powerful i18n tool, you might like Lingui.

Python apps localization with python gettext module
Python Gettext Module: Guide on Python Apps Localization
8 min read
Last updated:

The primary purpose of Python app localization is to provide content in different languages and in user-friendly formats. Depending on the settings and locale of the user, they’ll see different languages visiting the same application. To translate Python apps you need to consider both internationalization and localization. These terms are often misused, therefore, let's immediately agree that internationalization (i18n) will refer to the process of preparing programs for translation carried out by developers. Whereas, localization (l10n) is performed mainly by localization managers and translation teams, and is the process of translating and creating content for local audiences. In this article, we’ll focus mainly on python i18n.

Java localization and internationalization
Tutorial on Java i18n and Localization
13 min read
Last updated:

As an aspiring developer, finding a quick and reliable way to offer your app to the world can be challenging. It is the reason why you have to learn Java i18n and l10n (internationalization and localization). Using Java, you already have the tools to detect the user’s locale and translate your app accordingly.

Stay updated with Crowdin by signing up for our newsletter
Please provide a valid email address.

AltStyle によって変換されたページ (->オリジナル) /