Internationalization of CQ/AEM Components

1. First of all, you need to configure languages in /etc/languages
2. Then, enable internationalization in your app by adding i18n folder and providing dictionaries.
3. Now, provide details and descriptions of your component in i18n keys.
4. Apply the same while creating your component as shown in image. You can do the same for all the titles/descriptions in Dialog, editConfig etc

5. Now, configure your user (admin/admin) to the language you want to see your component details in. For me it was en_US as follows.

And you're done

P.S dont leave space when you're putting keys in dialog/component/editconfig/actionconfig titles e.g.

If you'll have the value of text in cq:actions as follows, key will not be interpreted.

text: your_component_editconfig_title

Instead remove the space btwn text: and your_component_editconfig_title

like text:your_component_editconfig_title

AEM Multilingual Contents in Sightly

AEM Multilingual Contents in Sightly

There are two ways one can configure multilingual contents on AEM using Multisite Management.

1. Blueprints
2. Language Copy

A blueprint is the source for creating multiple contents with the same format. Say for example we have a site in English, French and German. All these sites have similar contents in three different languages. We can configure blueprint keeping English site as the source and create French and German live copies. Now there should be dictionaries configured as per https://docs.adobe.com/docs/en/aem/6-0/develop/components/i18n/translator.html

To enable the multilingual contents  your sightly pages to use the content key as follows.

${'your_internationalization_key_as_per_i18n_file' @ i18n}
Here the locale/language is selected as per the language of contents

${'your_internationalization_key_as_per_i18n_file' @ i18n, source='user'}
In this syntax the language is selected from the browser setting of the user.

${'your_internationalization_key_as_per_i18n_file' @ i18n, locale='de'}
In this syntax  the language is de (German) taken from the locale value assigned.